/*
Theme Name: Cocoa Child
Theme URI:
Description: Your child theme description text...
Author: Your Name
Author URI: http://www.yourdomain.com/
Template: cocoa
Version: 1.0
Tags: Cocoa Child Theme
*/

/*
Now you can start adding your own styles here. Use !important to overwrite styles if needed. */

/* Webfont: LatoLatin-Bold */@font-face {
    font-family: 'LatoLatin';
    src: url('fonts/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/LatoLatin-Bold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: LatoLatin-BoldItalic @font-face {
    font-family: 'LatoLatin';
    src: url('fonts/LatoLatin-BoldItalic.eot');
    src: url('fonts/LatoLatin-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatin-BoldItalic.woff') format('woff'), 
         url('fonts/LatoLatin-BoldItalic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatin-Italic */ @font-face {
    font-family: 'LatoLatin';
    src: url('fonts/LatoLatin-Italic.eot');
    src: url('fonts/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatin-Italic.woff') format('woff'),
         url('fonts/LatoLatin-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: LatoLatin-Regular */@font-face {
    font-family: 'LatoLatin';
    src: url('fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/LatoLatin-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: LatoLatinBlack-Italic @font-face {
    font-family: 'LatoLatinBlack';
    src: url('fonts/LatoLatinBlack-Italic.eot');
    src: url('fonts/LatoLatinBlack-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinBlack-Italic.woff') format('woff'),
         url('fonts/LatoLatinBlack-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}  */

/* Webfont: LatoLatinBlack-Regular */@font-face {
    font-family: 'LatoLatinBlack';
    src: url('fonts/LatoLatinBlack-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/LatoLatinBlack-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/LatoLatinBlack-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/LatoLatinBlack-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: LatoLatinExtBd-Italic @font-face {
    font-family: 'LatoLatinExtBd';
    src: url('fonts/LatoLatinExtBd-Italic.eot');
    src: url('fonts/LatoLatinExtBd-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinExtBd-Italic.woff') format('woff'),
         url('fonts/LatoLatinExtBd-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinExtBd-Regular @font-face {
    font-family: 'LatoLatinExtBd';
    src: url('fonts/LatoLatinExtBd-Regular.eot');
    src: url('fonts/LatoLatinExtBd-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinExtBd-Regular.woff') format('woff'),
         url('fonts/LatoLatinExtBd-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinHair-Italic @font-face {
    font-family: 'LatoLatinHair';
    src: url('fonts/LatoLatinHair-Italic.eot');
    src: url('fonts/LatoLatinHair-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinHair-Italic.woff') format('woff'), 
         url('fonts/LatoLatinHair-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinHair-Regular @font-face {
    font-family: 'LatoLatinHair';
    src: url('fonts/LatoLatinHair-Regular.eot');
    src: url('fonts/LatoLatinHair-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinHair-Regular.woff') format('woff'),
         url('fonts/LatoLatinHair-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinLight-Italic @font-face {
    font-family: 'LatoLatinLight';
    src: url('fonts/LatoLatinLight-Italic.eot');
    src: url('fonts/LatoLatinLight-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinLight-Italic.woff') format('woff'),
         url('fonts/LatoLatinLight-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinLight-Regular @font-face {
    font-family: 'LatoLatinLight';
    src: url('fonts/LatoLatinLight-Regular.eot');
    src: url('fonts/LatoLatinLight-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinLight-Regular.woff') format('woff'),
         url('fonts/LatoLatinLight-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinMed-Italic @font-face {
    font-family: 'LatoLatinMed';
    src: url('fonts/LatoLatinMed-Italic.eot');
    src: url('fonts/LatoLatinMed-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinMed-Italic.woff') format('woff'),
         url('fonts/LatoLatinMed-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinMed-Regular @font-face {
    font-family: 'LatoLatinMed';
    src: url('fonts/LatoLatinMed-Regular.eot');
    src: url('fonts/LatoLatinMed-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinMed-Regular.woff') format('woff'), 
         url('fonts/LatoLatinMed-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinSemBd-Italic @font-face {
    font-family: 'LatoLatinSemBd';
    src: url('fonts/LatoLatinSemBd-Italic.eot');
    src: url('fonts/LatoLatinSemBd-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinSemBd-Italic.woff') format('woff'),
         url('fonts/LatoLatinSemBd-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinSemBd-Regular @font-face {
    font-family: 'LatoLatinSemBd';
    src: url('fonts/LatoLatinSemBd-Regular.eot');
    src: url('fonts/LatoLatinSemBd-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinSemBd-Regular.woff') format('woff'),
         url('fonts/LatoLatinSemBd-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} */

/* Webfont: LatoLatinThin-Italic @font-face {
    font-family: 'LatoLatinThin';
    src: url('fonts/LatoLatinThin-Italic.eot');
    src: url('fonts/LatoLatinThin-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinThin-Italic.woff') format('woff'),
         url('fonts/LatoLatinThin-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}*/

/* Webfont: LatoLatinThin-Regular @font-face {
    font-family: 'LatoLatinThin';
    src: url('fonts/LatoLatinThin-Regular.eot');
    src: url('fonts/LatoLatinThin-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatinThin-Regular.woff') format('woff'),
         url('fonts/LatoLatinThin-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}  */

body {
	font-family: 'LatoLatin';
}

textarea,
input,
.entry-content p,
.contentbox ul li {
	font-family: 'LatoLatin' !important;	
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: 'LatoLatin' !important;
	color: #2c9bb2 !important;
}

h1 a {
    font-family: 'LatoLatinBlack' !important;	
}

ul li {
	font-family: 'LatoLatin' !important;	
}

#site-title h1 a:hover {
	color: #5DBACF !important;
}

h2.site-description {
	font-family: 'LatoLatin' !important;
}

cite.quote-author {
	font-family: 'LatoLatin' !important;
	letter-spacing: 0.25px !important;
	font-size: 15px !important;
}

.wpcf7-submit,
.submit {
	background: #449AAE !important;
}

.wpcf7-submit:hover,
.submit:hover {
	background: #5DBACF !important;	
}

img.scale {
	width: 100%!important;
	-ms-interpolation-mode: bicubic
}

@media screen and (min-width: 70px) and (max-width: 767px) {
	#logo_lo {
		width: 75px !important;
		height: 75px !important;
		display: inline-block !important;
		position: relative !important;
		top: 4px !important;
		left: 0px !important;
	}
	#logo_lo img {
		width: 75px !important;
		height: 75px !important;
		max-width: 75px !important;
		max-height: 75px !important;
	}
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
	blockquote.quote-text p {
		position: relative !important;
		top: -10px !important;
	}
	#logo_lo {
		width: 110px !important;
		height: 110px !important;
		display: inline-block !important;
		position: relative !important;
		top: -10px !important;
		left: 0px !important;
	}
	#logo_lo img {
		width: 110px !important;
		height: 110px !important;
		max-width: 110px !important;
		max-height: 110px !important;
		margin-right: -20px;
	}
}

@media screen and (min-width: 1201px) {
	blockquote.quote-text p {
		position: relative !important;
		top: -10px !important;
	}
	#logo_lo {
		width: 140px !important;
		height: 140px !important;
		display: inline-block !important;
		position: relative !important;
		top: -10px !important;
		left: 0px !important;
	}
	#logo_lo img {
		max-width: 140px !important;
		max-height: 140px !important;
		min-width: 140px !important;
		min-height: 140px !important;		
	}
}