/*
Theme Name: Custom Theme Wordpress
Theme URI: https://wordpress.org/themes/customthemewordpress_2016/
Author: David Russel
Author URI: https://wordpress.org/
Description: Custom Theme Wordpress is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Custom Theme Wordpress will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: customthemewordpress_2016

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('css/default.css');
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700';
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700';

/***************************** CUSTOM STYLES **************************************/
/* GENERAL */
.site{ color: #333333; margin:  0; font-family: 'Open Sans Condensed', sans-serif; background: #fff!important;}
body:not(.custom-background-image):before, body:not(.custom-background-image):after, body:not(.custom-background-image).admin-bar:before{ display: none !important;}


.site-inner{ max-width: 1040px; width: 100%;}
.widget{  border-top: 0 none; padding:  0 !important; margin: 0 !important; }

/* HEADER */
.site-header{ padding: 0;}
.site-header-main{ background: url(images/header-bg.jpg) no-repeat center center; padding:  20px 0;}
.site-header-main .logo-container{ float: left; padding: 0 20px;}
#site-header-menu{ background: url(images/nav-bg.png) repeat-x center top #00498B; width: 100%; margin: 0;}
.main-navigation{ text-align: center;}
.main-navigation a{color: #fff; font-size: 18px; display: block;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;} 
.main-navigation .primary-menu{  display: inline-block; background: url(images/nav-line.jpg) repeat-y right top;} 
.main-navigation .primary-menu li{float: none; display: inline-block;}
.main-navigation .primary-menu a{ background: url(images/nav-line.jpg) repeat-y left top; padding:20px 13px 20px 16px; box-sizing: border-box;}
.main-navigation .primary-menu a:hover, .main-navigation .primary-menu .current-menu-item a{ color: #000; font-weight: 700 !important;}
 
/* CONTENT */
.page-header{ border-top: 0 none;}
.site-content{ padding: 0;}
.content-area.full-width{  min-height: 500px; padding: 20px 0 30px; float: none; width: auto; margin: 0;}
.site-main{ margin: 0;}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus{ background: #4682B4}
.content-area h1{font-family: 'Open Sans Condensed', sans-serif; font-size: 48px; font-weight: 300; color: #0A77B5; margin: 0; padding: 0 0 10px; }
.content-area h2{font-family: 'Open Sans Condensed', sans-serif; font-size: 36px; font-weight: 300; color: #0A77B5; margin: 0; padding: 10px 0;}
.content-area h3{font-family: 'Open Sans Condensed', sans-serif; font-size: 25px; font-weight: 300; color: #0A77B5; margin: 0; padding: 10px 0;}
.content-area h1 a, .content-area h2 a, .content-area h3 a{ color: inherit !important; box-shadow: none !important;}
.content-area p{ line-height: 140%; font-family: 'Arial', sans-serif; margin: 0; padding: 10px 0; font-size: 17px; }
.content-area p a{  color:   #00f; box-shadow: none !important;}
.content-area .social-links{ text-align: right;}
.content-area  .social-links p{ margin: 0; padding: 0; vertical-align: middle;}
.content-area .widget-title{ font-size: 24px;  letter-spacing: 0; text-transform: none; background: url(images/nav-bg.png) repeat-x center top #00498B;  color: #fff; text-align: center; padding: 15px 10px; font-weight: 300;font-family: 'Open Sans Condensed', sans-serif; }
.readmore{ font-size: 12px; color: #F9133A !important; font-weight: bold;  box-shadow: none !important;}

.entry-content ul li, .entry-content ol li {
    margin-left: 30px;
    list-style-type: none;
    font-size: 17px;
}


/* SIDEBAR */
.departments-sidebar ul{ list-style: none; margin: 0; padding: 0; }
.departments-sidebar li{ padding: 8px 5px; font-weight: 700;font-size: 18px; color: #999999;font-family: 'Open Sans Condensed', sans-serif; border-bottom: 1px solid #DDDDDD;margin-left:0 !important;}
.departments-sidebar li a{ color: inherit !important; box-shadow: none !important;}
.departments-sidebar li img{ margin-right: 5px;}
.content-area .sidebar-box .widget-title{ margin: -20px -20px 10px;}
.sidebar-box{ margin-bottom: 20px !important; overflow: hidden; background: rgba(255,255,255,0.7); border:  1px solid #BBBBBB; padding: 20px !important;}
.ow-button-base a{ padding: 20px 15px !important; border: 0 none !important; font-size: 24px !important; font-weight: 300 !important; text-align: left !important; margin: 5px 0 !important;}
.ow-button-base a .sow-icon-image{ background-size: auto 100% !important; background-repeat: no-repeat; margin-right: 5px !important;}


/*FOOTER TOP*/ 
.footer-top h2{ margin: 0; padding: 10px 0; font-family: 'Open Sans Condensed', sans-serif;font-weight: 300; font-size: 48px; color: #0A77B4;}
.footer-top img{ border: 2px solid #fff;}
.footer-top .widget_sow-image .widget-title{ text-transform: none; padding: 15px 0; text-align: left; background: none; font-size: 13px; color:#333333; font-family: 'Arial', sans-serif; font-weight: 700;}
.footer-top p{ line-height: 140%; font-family: 'Arial', sans-serif; margin: 0; padding: 10px 0; line-height: 160%;  font-size: 13px;}
.footer-top p a{  color:   inherit; box-shadow: none !important;}
  
/* FOOTER */
.site-footer{ display: block; padding: 0; margin: 0;}
.footer-navigation{ text-align: center; background: url(images/nav-bg.png) repeat-x center top #00498B; width: 100%; margin: 0; }
.footer-navigation ul{ display: inline-block; text-align: center; background: url(images/nav-line.jpg) repeat-y right top; list-style: none; margin: 0; padding: 0;}
.footer-navigation li{ display: inline-block; margin: 0; padding: 0;}
.footer-navigation a{background: url(images/nav-line.jpg) repeat-y left top; padding:20px 13px 20px 16px; box-sizing: border-box;color: #fff; font-size: 18px; display: block;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; }
.footer-navigation a:hover, .footer-navigation .current-menu-item a{ color: #000; font-weight: 700 !important;}
.site-info{ margin: 0; background: url(images/site-info-bg.png) repeat-x center top #BBBBBB; text-align: center; padding: 15px 0; }
.site-info p{ margin: 0; padding: 0; color: #545454; font-size: 15px; }
.social-links{ text-align: center; padding:  20px 0;}
.social-links p{ margin: 0; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; display: inline-block; color: #0A77B5; font-size: 14px; vertical-align: middle; padding:  0 10px 0 0;}
.social-links a{ display: inline-block; vertical-align: middle; box-shadow: none !important;}
.social-links span{ height: 32px; width: 32px; display: inline-block; background-image: url(images/social.png); margin:  0 2px; }
.social-links .social_twitter{ background-position: -179px center; }
.social-links .social_facebook{ background-position: -143px center; }
.social-links .social_googleplus{ background-position: -107px center; } 
.social-links .social_pinterest{ background-position: -71px center; } 
.social-links .social_rss{ background-position: -35px center; } 



/*********************************************** MEDIA QUERIES **************************************************/
@media only screen and (max-width:1030px){
	.site-inner{ padding-right: 20px !important; padding-left: 20px !important; box-sizing: border-box;}

	.site-header-main .logo-container{ float: none; text-align: center;}
	.main-navigation a, .footer-navigation a{ font-size: 16px;}
}

@media only screen and (max-width:986px){
	.main-navigation .primary-menu a, .footer-navigation a{ padding:15px 7px 15px 8px }
}
@media only screen and (max-width:909px){
	.menu-toggle:hover, .menu-toggle.toggled-on:hover {background-color: transparent;border-color: #2693FF; color: #2693FF;}
	.menu-toggle, .menu-toggle:focus, .menu-toggle.toggled-on, .menu-toggle.toggled-on:focus{ background-color: transparent;border-color: #fff; color: #fff; float: right; margin-top: 50px;}
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content{ margin-right: 0 !important; margin-left: 0 !important}
	#site-header-menu{ display: block !important}
	.main-navigation .primary-menu > li{ border-top: 0 none !important;}

	.footer-top{ text-align: center;}
	.footer-top .panel-widget-style, .home-img.panel-widget-style{ padding: 0 !important;}
	.footer-top img{ margin: 0 auto;} 
	.footer-top .widget_sow-image .widget-title{ margin: 0 auto; text-align: center;}
}
@media only screen and (max-width:600px){

}