/*
Theme Name:     WIF
Template:       Divi                           

*/

/*@import url("../Divi/style.css");*/

/* Global 
------------------------------------------------------- */

body {font-family:"proxima-nova";}
body.home {background-image:url('imgs/WIF-bg2.jpg'); background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
.container, .et_vertical_nav .et_pb_row, .et_vertical_nav .container, .et_vertical_nav .et_pb_container {width:1180px;}
h1 {font-weight:300; font-size:54px!important; line-height:66px; }
h2, h3, h4, h5, h6 {font-weight:400;}
/* Nav & Search
--------------------------------*/
#et_top_search {width:255px; margin:0px; height:65px; }
.et-search-form {background:none!important; padding:0px; box-shadow:none;}
.et-search-form input {background:none; color:#f7f7f7;font-family:Roboto, Arial; font-size:20px; width:169px; padding:24px 15px 22px 25px;}
.et_vertical_nav #et_search_icon:before {left:auto; right:21px; top:30px}
#et_search_icon {color:#fff;}
.et_vertical_nav #main-header .et-search-form {left:0px; top:0px;}
#main-header form.et-search-form.et-hidden {display:block!important;}
.et_vertical_nav #main-header {position:absolute!important; left:auto!important;right:0!important; height:auto; padding-top:0px!important; width:255px!important; box-shadow:none; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.home.page.et_vertical_nav #main-header {top:183px!important;}
.page.et_vertical_nav #main-header, .single.et_vertical_nav #main-header, .archive.et_vertical_nav #main-header, .search.et_vertical_nav #main-header   {top:324px!important;}
.et_vertical_nav #main-header .container {margin:0px;}
#main-header, #main-header .et_mobile_menu {background:rgba(15, 15, 26, 0.8)!important;}
#top-menu li {font-family:Roboto, Arial; font-size:20px; border-top:1px solid #252525;}
.et_vertical_nav #main-header #top-menu > li > a {padding:0px 0px 0px 25px; margin:0px;}
#top-menu li > a {line-height:65px;}
#top-menu li a:hover, #top-menu li a:active, #top-menu li a:focus {color:#000; background:#fff200;}
.et_vertical_nav #main-header #top-menu > li > a:after {right:0px;}
#top-menu .menu-item-has-children > a:first-child:after {font-size:20px;}
.et_vertical_nav #main-header .nav li ul, .et_vertical_nav #main-header .et-search-form {border:none;}
.et_vertical_nav #main-header .nav li ul {left:0px; top:0px; height:0px; position:relative;}
.et_vertical_nav #main-header .nav li:hover > ul, .et_vertical_nav #main-header .nav li.current-menu-ancestor > ul  {opacity:1; visibility:visible; display:block; height:auto; padding: 0px 0px 15px 0px; }

#main-header .nav li ul {background:none!important; box-shadow:none; width:255px; padding: 0px;}
.nav li li a {font-size:16px;}
#top-menu li li a {padding:0px; width:204px; }
#top-menu .sub-menu li {border:none; }
#top-menu .sub-menu li > a {line-height:35px; color:#fff; padding-left:50px;}
#top-menu .sub-menu li > a:hover {color:#000;}

#top-menu .sub-menu li > a:before {background-color: #fff200; border-radius: 50%; content: ""; float: left; height: 0.5em; left: 30px; line-height: 35px; margin: 15px 0px 0px 0px; position: absolute; width: 0.5em;}
#top-menu .menu-item-has-children > a:first-child:after {content: url('imgs/yellow-arrow.png'); width:16px; display:block; height:11px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); top:55px; margin-right:20px;}
#main-header #top-menu li.current-menu-ancestor > a, #main-header #top-menu li.current-menu-item > a, #main-header #top-menu li.current_page_item > a {color:#000; background:#fff200; }

/* Home Page
--------------------------------*/
.home .container.logobox {}
#logo {background:#fff200; font-weight:600; width:207px;  margin-bottom:0px; padding:24px 47px; z-index:1000; position:absolute; transition:none; -webkit-transition:none; -moz-transition:none; }
#logoimg {width:54px; height:83px; float:left;}
#logo p {font-family:'din-condensed-web'; text-transform:uppercase; font-weight:400;font-size:48px; color:#000; line-height:44px; margin-left:60px; padding-top:1px; letter-spacing:-2px;}
.home #logo {padding:47px; }
.home.et_vertical_nav #et-main-area {padding-top:183px!important;}
.home #main-content {background:none;}
.home #main-content, .home .et_pb_section {background:none;}
.home .et_pb_section, .home .et_pb_row {padding:0px;}
.et_vertical_nav .et_pb_column_2_3 {width:48%;}
.blurb {background:rgba(15, 15, 26, 0.8); padding:11%;}
.blurb h1 {font-family:Roboto, Arial; font-weight:300; font-size:56px; margin-bottom:40px;}
.blurb p {font-size:20px; line-height:28px; padding-bottom:2em;}
.yellow-btn {color:#000000; font-weight:600; font-size:18px; background-color:#fff200; background-image:url('imgs/black-arrow.png'); background-repeat:no-repeat; background-position:160px center; padding:10px 65px 10px 35px; }

/* Interior Pages
--------------------------------*/
.et_vertical_nav #et-main-area, .et_vertical_nav #top-header {margin-left:0px; margin:0 auto;}
.interior-header {height:399px; width:100%; background-repeat:no-repeat; background-size:cover; background-position: center top;}
.single.et_full_width_page #left-area, .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area {width:67%;}
#main-content .container:before {background:none!important; width:0px!important;}
.single .et_pb_post, .single .post, .et_pb_post {margin-bottom:0px; padding-bottom:0px;}
#left-area .post-meta {font-size:17px; font-family:'proxima-nova'; font-weight:600;}
#left-area .post-meta a  {padding:6px 20px; background:#efefef;}
article {padding-bottom:80px; margin-bottom:20px;}
.page-id-1063 article {padding-bottom:0px;}
article p {font-size:20px;}
#left-area ol, .entry-content ol {list-style-type:none;}
#left-area ol li, .entry-content ol li {padding:10px 0px;}
#left-area h2 {/*font-size:20px; line-height:28px;*/}
.et_pb_post h2 {font-weight:300; margin-top:25px; line-height:36px;}
.entry-content h2 {line-height:80px;}
.entry-content a {color:#000; font-weight:700;}
.entry-content a:hover, article a:hover, .indx a:hover {text-decoration:underline;}
.entry-content .yarpp-related {border-top:1px dotted #333; border-bottom:1px dotted #333;padding:75px 0px!important; }
.entry-content .yarpp-related h3 {font-size:32px!important; font-weight:300!important; font-family:Roboto; padding-bottom:25px!important; }
.entry-content .yarpp-related a {color:#333333; font-weight:normal!important; font-family:'proxima-nova'; font-size:17px;}
.entry-content .yarpp-related a:hover {text-decoration:underline!important;}
.archive #left-area .post-meta, .search #left-area .post-meta {display:none;}
.archive article, .search article {border:none; padding:0px;}
.pagination {margin-top:45px;}
.pagination a {color:#000; font-weight:700; font-size:16px;}
.indx h2 {margin-top:25px; font-weight:500; font-size:30px; line-height:62px;}
.indx h3 {font-size:18px; font-weight:300; padding:13px 0px; line-height:26px;}
.indx-list {margin-top:48px; padding-top:40px; border-top:1px dotted #000;}

/* Social
--------------------------------*/
.home table.cnss-social-icon {float:right;}
.page table.cnss-social-icon tr td, .page table.cnss-social-icon, .page table.cnss-social-icon tr, .single table.cnss-social-icon tr td, .single table.cnss-social-icon, .single table.cnss-social-icon tr, .archive table.cnss-social-icon tr td, .archive table.cnss-social-icon, .archive table.cnss-social-icon tr, .search table.cnss-social-icon tr td, .search table.cnss-social-icon, .search table.cnss-social-icon tr   {display:inline;}
.page table.cnss-social-icon tr td, .single table.cnss-social-icon tr td, .archive table.cnss-social-icon tr td, .search table.cnss-social-icon tr td {margin-right:18px!important;}
.entry-content .ssba img {width:120px!important; padding:35px 0px 55px 0px;}
.addthis_sharing_toolbox {margin:40px 0px 20px 0px;}


/* Footer
--------------------------------*/
#main-footer, #footer-bottom {background:none!important;}
#main-footer {bottom:0px; /*position:absolute;*/ width:100%; clear:both; margin-top:20px;}
.home #footer-bottom {padding-right:35px;}
.home p#footer-info {color:#ffffff; float:right; font-family: "proxima-nova"; clear:both; margin-top:40px;  }
#footer-info a { font-weight:500!important;}
.home #footer-info a {color:#fff!important;}
#footer-info a:hover {text-decoration:underline;}

/* Mobile
--------------------------------*/
@media (min-width:981px) and (max-width:1210px) {
	.single.et_full_width_page #left-area, .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area {width:60%!important; margin-left:5%;}
	}
@media (max-width:1179px) {
	article {padding-left:5%;}
	.home article {padding-left:0%;}
	#footer-bottom {padding-left:35px;}
	.single.et_full_width_page #left-area, .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area {width:67%;}
	}
@media (max-width:980px) {
	.container, .et_vertical_nav .et_pb_row, .et_vertical_nav .container, .et_vertical_nav .et_pb_container {width:100%;}
	.et_vertical_nav #main-header {display:none;}
	#wprmenu_bar {z-index:5000;}
	#logo {max-height:85px;}
	.et_vertical_nav .et_pb_column_2_3 {width:82%;}

	.single.et_full_width_page #left-area, .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area {width:88%; padding:0% 6%;}
	.home table.cnss-social-icon {float:none;}
	.home p#footer-info {float:none; text-align:left; margin-top:0px;}
	#supersized img {max-width:none;}
	article {padding-bottom:0px;}
	}
@media (min-width:768px) and (max-width:980px) {
	.home.et_vertical_nav #et-main-area {padding-top:179px!important;}
	}
@media (max-width:767px) {
	.home #logo, #logo { height:40px; padding:10px 0px; float:none; margin:0 auto; position:relative; min-width:260px;}
	.logobox {background:#fff200; }
	#logoimg {height:41px; width:auto;}
	#logo p {font-size:40px; margin-left:30px;}
	.interior-header {height:199px;}
	.entry-content .yarpp-related {padding:21px 0px!important; }
	.home.et_vertical_nav #et-main-area {padding-top:0px!important;}
	}
@media (max-width:360px) {
	#logo p {font-size:32px;}
	.home #logo, #logo {min-width:215px;}
	.blurb h1 {font-size:42px!important; line-height:48px; margin-bottom:25px;}
	.blurb p {font-size:18px; line-height:26px;}
    }