/*
Theme Name: Winrock International Code of Conduct 2018
Author: Byron Thomas
Description: Simple responsive theme for small businesses. Uses header images sized at 120:43 ratio between 2400x860px and 1200x430px
Version: 1.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;font-family:"Avenir LT W01_65 Medium1475532",sans-serif;font-size: 18px; color: #313534;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{margin:0;padding:0}a{outline:0 !important}input::-moz-focus-inner{border:0 !important}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}
.clearfix{zoom:1}
html,body{width:100%;overflow-x:hidden}a,a:visited{text-decoration:none;}p a,p a:visited{font-weight:500;}em,i{font-style:italic}
strong,b{font-weight:bold; font-size: 1.1em;}
sup{vertical-align:super;font-size:smaller}
sub{font-size:smaller}
p{line-height:1.35em; padding-bottom: 1.5%;}
h1{font-size:2.4em; margin: 2% 0 1% 0%;;}
h2{font-size:2.2em; }
h3{font-size:2em; }
h4{font-size:1.5em; }
h5{font-size:1.5em; }
h6{font-size:1.5em; }
h1,h2,h3,h4,h5,h6{line-height:1.1em}
ul{list-style:disc;margin-left:20px; padding-bottom: 1%; }
li{padding-left:10px;margin:.2em 0; line-height: 1.35em; }
ol{list-style:decimal;margin-left:20px}
blockquote{width:80%;margin:1.2em auto;font-size:1em}
table{width:100%;margin:2% auto}
table,tr,td,th{border: solid 1px black;}
thead{text-align:left}
thead,tfoot{background:#53565c;color:#fff;font-weight:bold}
td,th{padding:.35em}
tr.table_comment{color:#77ab42;font-size:1.7em}
.table_total_head{text-align:right;padding-right:3%}
.hidden{display:none}
.alignleft{float:left !important;margin-right:3%}
.alignright{float:right !important;margin-left:3%}
.aligncenter{display:block !important;margin-left:auto !important;margin-right:auto !important}p.wp-caption-text{font-size:1.4em !important}

@media all and (max-width: 1400px){
 		div.internal-page-header { bottom: 6% !important }
 		div#front-page-header h1 { font-size: 2em !important; }
	}
@media all and (max-width: 1250px){
 		img.quote-icon { zoom: 90% !important; }
	}
@media all and (max-width: 1150px){
 		div#header_content a img { zoom:90%; }
 		img.quote-icon { zoom: 83% !important; }
 		div#front-page-header h1 { font-size: 1.8em !important; font-weight: normal !important; }
 		div#front-page-header div#TagLine-text { font-size: 1.5em !important; }
 		div#front-page-header div#front-page-link { font-size: 1.3em !important; }
	}
@media all and (max-width: 1050px){
 		div#header_content a img, img.quote-icon { zoom:80% !important; }		
	}
@media all and (max-width: 1000px){
 		div#header_content a img, img.quote-icon  { zoom:75% !important; }
 		div#header nav ul li a { padding-right:10px !important; font-size: 18px !important; }
	}		
@media all and (max-width: 1120px){
		h1.page-title {font-size: 2em !important; }
		h2, h3, h4, h5, h6 { font-size: 1.5em; }
		div#header nav ul li { border-right:none !important; }
	}
@media all and (max-width: 950px) {
		div#header div#header_content div.content_frame a img { display:block !important }
		nav { float:none !important; text-align:left !important; margin-top: 2% !important;  }
		nav ul { margin-left:0 !important; }
		div#callsToAction a.column h2 { font-size: 1em !important; }
		div#footer { font-size: .8em !important; }
		div.internal-page-header div.content_frame h1 { font-size: 1.5em !important; }
		div.internal-page-header { bottom:13% !important; }
		img.quote-icon { zoom: 60% !important; }
		div#front-page-header h1 { font-size: 1.4em !important; font-weight: normal !important; }
 		div#front-page-header div#TagLine-text { font-size: 1.2em !important; }
 		div#front-page-header div#front-page-link { font-size: 1.2em !important; }
	}
@media all and (max-width: 900px){
 		img.quote-icon { display: none !important;}
 		div.internal-page-header { bottom: 21% !important; }
	}		
@media all and (max-width: 800px){
		div#callsToAction a { width:100% !important; display:block !important; }
		div#callsToAction a.column img { margin-top: 3% !important; }
		div#callsToAction a.column img.icon { margin-bottom: 0 !important; }
		div#callsToAction a.column h2 { margin:20px 225px !important; }
		p.promo_text { font-size: 18px; }
		div#footer div#footerLeft, div#footer div#footerRight { display:block !important; text-align: center !important; float:none !important; width:100% !important; border:none !important; }
	}
@media all and (max-width: 750px) { 
		div.code-page-header div.content_frame h1 { font-size: 2em !important; }
	}
@media all and (max-width: 700px) { 
		body{font-size:16px;}
		div.internal-page-header div.content_frame h1 { font-size: 2em !important; border: none !important; padding:0 !important; }
		div.internal-page-header { bottom:18% !important; }
		div#callsToAction a.column h2 { border:none !important; padding:0 !important; margin: 10px !important; }
		.alignright, .alignleft, .aligncenter, .alignnone { display:none; }
		div#important_text p { font-size: 14px !important; }
		div#header div#header_content a img { zoom:70%; }
		div#footer ul li a, div#footer p { font-size:12px !important; }
	}
@media all and (max-width: 650px) { 
		div.content_frame .cat-block button.collapsible { font-size: 1.2em; }
	}
@media all and (max-width: 600px){
		div#header nav ul li a { font-size: 15px !important; padding-right: 5px !important; }
		div#callsToAction a.column img.icon { zoom:30% !important;}
	}
@media all and (max-width: 500px){
		div#callsToAction i { font-size: 40px !important; }
		div#front-page-header div#front-page-link { width:45% !important; padding:3px !important; }
		div#front-page-header div#TagLine-text { font-size: 1.1em !important; }
		}
@media all and (max-width: 450px){
		div#header nav ul li{ padding-left: 0 !important; }
		div.bx-wrapper img { zoom:50%; }
		div#callsToAction i { display:none; }
		div#callsToAction a { display:block !important; font-size:1.5em !important; width:100% !important;  }
		h1.page-title {font-size: 1.5em !important; }
		div#important_text { display: none; visibility: hidden; }
		div#front-page-header div#TagLine-text, div#front-page-header h1 { display:none !important; }
	}
@media all and (max-width: 350px){
		div#header div#header_content div.content_frame a img { zoom:60% !important; }
		div#header nav ul li a { display: block !important; }
		div.internal-page-header div.content_frame h1 { font-size: 1.2em !important; }
		div.content_frame div.policy-categories div.cat-block { padding:10px !important; }
		div.content_frame .cat-block button.collapsible { font-size:.9em !important; padding:0 !important; }
		div.code-page-header div.content_frame h1, div.conduct-page-header div.content_frame h1 { font-size: 1.2em !important; }
	}


div#header { width:100%; display:block; }
.featured_image { position: relative; }
.featured_image img { filter: brightness( 50% ); display:block; width:100%; }
div#header nav { float:right; text-align: right; margin-top:3.66667%; }
div#header nav ul li { list-style-type: none; text-transform: uppercase; display:inline; padding-left: 25px; border-right:solid 1px #717073; }
div#header nav ul li:last-child { border-right:none; }
div#header nav ul li a, div#header nav ul li a:visited { color:#0f4c87; font-size: 20px; padding-right: 25px; }

div#front-page-header { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; width:100%; }
div#front-page-header h1 { font-weight: 800; font-size: 2.5em; margin-bottom: 2%; }
div#front-page-header div#front-page-link { padding: 10px; background-color: #00adef; border-radius: 5px; color: #fff; width: 30%; font-size: 1.6em; margin: 0 auto; }
div#TagLine-text { font-size: 2em; margin-bottom: 2%; }

div.conduct-page-header { background: #01aef0; }
div.code-page-header, div.conduct-page-header { height:auto; width:100%; color:#fff; }
div.internal-page-header { position: absolute; bottom:16%; width:100%; color:#fff; }
div.internal-page-header div.content_frame h1 { font-weight: 800; padding: 10px; font-size: 2em; text-align: left; border: solid 2px #fff; text-transform: uppercase; display:inline; float:left;  }
img.quote-icon { float:right; width:auto !important; filter:brightness( 100% ) !important; margin-top: -3% }

div.content_frame, div.single_content_frame { width: 95.65217%; margin: 0 auto; max-width: 1150px; padding: 2.17391%; }
div.single_content_frame h1, div.single_content_frame h2, div.single_content_frame h3, div.single_content_frame h4, div.single_content_frame h5 { color:#80AB42; }
div.content_frame h1.page-title { text-transform: uppercase; font-size: 2.6em; }

div.single_content_frame h2, div.single_content_frame h3, div.single_content_frame h4, div.single_content_frame h5 {margin: 2% 0 1% 0;}
div.content_frame h2 {margin: 2% 0; color:#01aef0;}
div.content_frame h3, div.content_frame h4, div.content_frame h5 {margin: 2% 0 1% 0; color:#01aef0;}
div.content_frame a, div.single_content_frame a  { color:#01aef0; }
div.content_frame a.content-links { padding-bottom:1%; display:inline-block; color:#0F4C92; }
a.table-link { text-transform: uppercase; line-height: 21px; color:#01aef0; vertical-align: top;}
div.content_frame div.policy-categories:nth-child(even) h2 {color:#78ab42;}

div#callsToAction a { width:20%; display:table-cell; text-align: center; color:#fff; font-size: 20px; }
div#callsToAction a.column:nth-child(odd) { background:#1dafec; }
div#callsToAction a.column:nth-child(even) { background:#1794c8; }
div#callsToAction a.column h2 { text-transform: uppercase; border: solid 2px #fff; font-size: 1.3em; margin:20px 40px; padding: 10px 0; font-weight: 600; }
div#callsToAction a.column p { margin:0 40px; }
div#callsToAction a.column img { zoom:45%; margin-top:10%; }
div#callsToAction a.column img.icon { margin-bottom:3%; } 

div#footer { text-align: center; background: #dfdfdf; padding:2% 0; font-size:.9em; color:#0f4c87; line-height: 1.35em; }
div#footer a { zoom:60%; }

div#footer div#footerLeft { text-align: right; border-right: 2px solid #0f4c87; padding-right: 2%; display:table-cell; width:48%; }
div#footer div#footerRight { padding-left: 2%; text-align: left; display: table-cell; width:47%; }
div#footer div.content_frame p { padding:0; width:100%; }
div#footer-content { display:inline; width:100%; }

div.content_frame div.policy-categories div.cat-block { padding: 18px; width:auto; border: solid 1px #ced5c5; border-radius: 4px; list-style-type: none; margin-left: 0 !important; margin-bottom: 2%;  }
div.content_frame .cat-block button.collapsible { font-size: 1.4em; width: 100%; background:transparent url('/wp-content/themes/WICodeOfConduct2018/images/arrow_down.png') no-repeat right top; border:none; text-align: left; padding:0 0 10px 0;  font-family: inherit; }

div.content_frame div.policy-categories:nth-child(odd) .cat-block button.collapsible { color:#0b4d89; }
div.content_frame div.policy-categories:nth-child(even) .cat-block button.collapsible { color:#78ab42; }

div.content_frame div.policy-categories:nth-child(odd) div.cat-block:nth-of-type(odd) { background-color:#e4f7fe; }
div.content_frame div.policy-categories:nth-child(odd) div.cat-block:nth-of-type(even) { background-color:#d7f2fb; }
div.content_frame div.policy-categories:nth-child(even) div.cat-block:nth-of-type(odd) { background-color:#ebfadd ; }
div.content_frame div.policy-categories:nth-child(even) div.cat-block:nth-of-type(even) { background-color:#dbf0c5; }

div.content_frame div.policy-categories div.cat-block  div.content a.policy-excerpt { padding-bottom:2%; font-style: normal; }
div.content_frame div.policy-categories div.cat-block  div.content a.policy-excerpt span.read-more-link { color:#0b4d89; }

button.collapsible.active { background:transparent url('/wp-content/themes/WICodeOfConduct2018/images/arrow_up.png') no-repeat right top !important; padding:0; font-size: 1.3em;; }
button.collapsible:focus { outline:none; }

div.content_frame div.policy-categories div.content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; font-style: italic; }
div.content_frame div.policy-categories div.content a { color:#313538; display:block; padding:5px 0; }

div.code-page-header div.content_frame h1, div.conduct-page-header div.content_frame h1 { padding: 2% 0; }

div.content_frame a.code-link { text-align: center; padding:10px; font-size: 1.3em; background:#01aef0; border: solid 1px #313534; border-radius: 4px; color:#fff; margin:2% 0 4% 0; display:inline-block; width:auto; }
div.content_frame p a.table-of-contents-button { text-align: center; padding:10px; font-size: 1.3em; background:#78ab42; border: solid 1px #313534; border-radius: 4px; color:#fff; display:inline-block; width:auto; }