/*
Theme Name: Divi Child
Description: Child theme for Divi 5
Author: Websites.ca
Template: Divi
Version: 0.6.8
*/

/* Spacing for password protected pages */
.post-password-required .et_password_protected_form {
	width: 70%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 100px;
}

/* Websites.ca Leaf Icon Font */
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?pessmh');
	src: url('fonts/icomoon.eot?pessmh#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?pessmh') format('truetype'), url('fonts/icomoon.woff?pessmh') format('woff'), url('fonts/icomoon.svg?pessmh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*== Websites.ca Footer Credit Styles ==*/
/* Websitesca footer logo - transparent */
.footer-link { padding-top: 5px; color: rgba(255,255,255,0.4); margin-bottom: 5px; }

/* Websitesca footer logo - white background */
.footer-badge { color: #555; background-color: #fff; border-radius: 3px; padding: 5px 8px 0 3px; width: max-content; margin-bottom: 10px; }

/* STYLE 1: two lines, left ICON (with or without background) */
#ft-web:before {
	font-family: 'icomoon' !important;
	content: "\e900" !important;
	display: inline-block;
	font-size: 190%;
}
#ft-web { font-size: 11px; }
#ft-inner { display: inline-block; font-weight: 700; line-height: 1.1em; }
#ft-inner a { color: inherit; font-weight: 500; font-size: 70%; }
#ft-inner a:hover { text-decoration: underline; }

/* STYLE 2: two lines, left LOGO (with or without background) */
#ft-web-logo:before {
	content: '';
	background-image: url('images/webca-icon_2x.png') !important; 
	background-size: 25px;
	display: inline-block;
    width: 25px; 
    height: 25px;
	margin-right: 5px;
}
#ft-web-logo { font-size: 11px; margin-left: 5px; }

/* STYLE 3: single line with ICON */
#ft-web-single:before {
	font-family: 'icomoon' !important;
	content: "\e900" !important;
	display: inline-block;
	font-size: 145%;
	vertical-align: baseline;
}
#ft-web-single, #ft-web-single-logo { font-size: 11px; }
#ft-web-single #ft-inner, #ft-web-single-logo #ft-inner { display: inline-block; font-weight: 700; line-height: 1.2em; vertical-align: super; }
#ft-web-single #ft-inner a, #ft-web-single-logo #ft-inner a { color: inherit; font-weight: 500; font-size: 100%; }
#ft-web-single #ft-inner a:hover, #ft-web-single-logo #ft-inner a:hover { text-decoration: underline; }

/* STYLE 4: single line with LOGO */
#ft-web-single-logo:before {
	content: '';
	background-image: url('images/webca-icon_2x.png') !important; 
	background-size: 16px;
	display: inline-block;
    width: 16px; 
    height: 16px;
	margin-right: 2px;
}
.footer-badge #ft-web-single-logo { padding-top: 4px; padding-left: 3px; }

/*===== MOBILE ====*/
  
@media only screen and (max-width: 980px){
	
	.footer-badge { 
		margin: 0 auto; 
	}
	#footer-bottom .textwidget { 
		text-align: center !important; 
	}
	#ft-web, #ft-web-logo, #ft-web-single, #ft-web-single-logo { text-align: center; }
	#ft-inner { text-align: left; }
}