/*
 Theme Name:   Resolve
 Template:     hayden
*/

@import url("../hayden/style.css");

/* ------------------------------ Font Face ------------------------------ */


/* ---------- Open Sans Light ---------- */

@font-face {
	font-family: 'Open Sans';
    src: url('/wp-content/themes/resolve/fonts/OpenSans-Light-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}


/* ---------- Open Sans Regular ---------- */

@font-face {
	font-family: 'Open Sans';
    src: url('/wp-content/themes/resolve/fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* ---------- Open Sans Italic ---------- */

@font-face {
	font-family: 'Open Sans';
    src: url('/wp-content/themes/resolve/fonts/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

/* ---------- Open Sans Bold ---------- */

@font-face {
	font-family: 'Open Sans';
    src: url('/wp-content/themes/resolve/fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* ---------- Open Sans Bold Italic ---------- */

@font-face {
	font-family: 'Open Sans';
    src: url('/wp-content/themes/resolve/fonts/OpenSans-BoldItalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/* ---------- Bitter Regular ---------- */

@font-face {
	font-family: 'Bitter';
    src: url('/wp-content/themes/resolve/fonts/bitter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* ---------- Bitter Italic ---------- */

@font-face {
	font-family: 'Bitter';
    src: url('/wp-content/themes/resolve/fonts/bitter-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

/* ---------- Bitter Bold ---------- */

@font-face {
	font-family: 'Bitter';
    src: url('/wp-content/themes/resolve/fonts/bitter-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* ---------- Bitter Bold Italic ---------- */

@font-face {
	font-family: 'Bitter';
    src: url('/wp-content/themes/resolve/fonts/bitter-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/* -------------------- Homepage -------------------- */

#status-bar {padding: 24px 20px; background-color: #076799; text-align:center; display:none}

#status-bar p, #status-bar a {color:#fff; font-size: 16px; line-height: 1.4}

#status-bar p {text-align: center; padding-left:45px; margin:0 auto; display: inline-block; position:relative;}

#status-bar p:before {content:''; position:absolute; top: -5px; left:0; background-repeat: no-repeat; background-size: 32px; background-image:url('/wp-content/uploads/status-icon.png'); height:32px; width:32px}

#status-bar a {text-decoration: underline; font-weight: bold}

#status-bar a:hover {text-decoration: none}

* {font-family: 'Open Sans'!important;}

#logo img {height:60px; width:auto}

h1, h2, h2 span {font-family: 'Bitter'!important;}

#homeContent.homeSection {background-color: #076799;}

#homeContent.homeSection h1 {color:#ffffff!important;text-align:center;margin-bottom:30px}

#homeContent.homeSection p {color:#ffffff!important; text-align:center; font-size: 18px; font-weight:100; line-height:1.4;}

.home #wrap {padding-top:1px!important}

.home .slideshow h2 {margin-bottom:20px}

.home .details h2 {font-size: 60px; text-transform:none!important}

.home .details p {color:#ffffff; color: rgba(255,255,255, 1)!important;}

#featuredPages  {background-color: #ffffff}

#scroll-to-top {display:none!important}

.home #mainNav ul a {color:#ffffff; color: rgba(255,255,255,0.7); }

.home #mainNav ul ul {background: rgba(0,0,0, 0.8);}

#mainNav ul a {color:#ffffff; color: rgba(255,255,255, .5);}

#mainNav ul ul {padding: 20px 10px 5px 0 !important; width:240px!important}

#mainNav ul ul li.current_page_item a, li.current-menu-parent a {color: rgba(255, 255, 255, 1) !important}

.sf-menu ul {width: 140px;!important}

.homeSection .sectionHead {padding-bottom:10px!important}

.homeSection .sectionHead h3 {font-size: 36px; text-transform:none}

#featuredPages.homeSection .sectionHead {margin-bottom:-20px}

.testimonial .right p {font-style:italic}

.testimonial .left img {border-radius: 50%; border: 1px solid #eaeaea;}

.grecaptcha-badge { visibility: hidden; }

.coffee-button {padding: 12px 25px; background-color: #076799; color:#fff; margin-top:20px; display:inline-block}

.coffee-button:hover {color:#fff; opacity:0.8}

#content.full {margin-bottom:40px}


/* -------------------- Pages -------------------- */

#pageHead {padding: 35px 0 30px 0;}

#pageHead h1 {font-size: 36px; color: #003e55; line-height:1.2}

.textwidget h2 {font-size:30px; margin-bottom:5px}

.textwidget h3 {font-size:20px;font-family: 'Open Sans'!important;}

#sidebar .widgetBox h3 {font-family: 'Open Sans'!important; text-transform:none; font-size:18px; margin-bottom:20px}

.intro {font-family: 'Open Sans',sans-serif; font-size: 24px; font-weight:100; line-height:1.4;  margin: -10px 0 30px;}

#text-5 p {max-width: 280px;line-height:1.4}

#pl-8 .panel-grid-cell .so-panel:last-child {margin-bottom: 15px!important;}

.page .team-photo p img {border-radius: 50%; width:100%; max-width:240px!important;}

.single-post #pageHead h1 {display:inline-block}

.single-post #content .post {margin:0}

.sidebarBox {background-color:#fafafa; padding:20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}

#sidebar ul li, #sidebar .widget_nav_menu li {padding: 12px 0; margin: 0; border-top:1px solid #ededed}

input[type="email"], input[type="text"], input[type="password"], textarea, select {padding: 8px; font-family: 'Open Sans', Arial, sans-serif;   -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; border: 1px solid rgba(0,0,0,.2);  background: #ffffff; font-size: 14px; margin-top:5px;}

select {cursor:pointer}

.wpcf7 p {font-size:14px;}

.wpcf7 span {margin-top:10px}

span.wpcf7-list-item {margin-left:0!important}

.widgetBox.panel-widget-style h3 {font-family: 'Open Sans'!important; text-transform: none; font-size: 16px; margin-bottom: 10px; font-weight:bold}

.widgetBox.panel-widget-style p {font-size: 14px;margin-bottom: 30px;}

.widgetBox.panel-widget-style p:last-child {margin-bottom: 15px;}

input[type="submit"] {border:none; padding: 10px 20px;}

.captcha span {line-height: 30px; vertical-align: bottom;}

.captcha img {display:inline-block}

.captcha input[type="text"] {width:200px}

div.wpcf7-response-output {margin:0 0 10px 0!important; padding: 10px 20px!important;}



/* -------------------- Footer -------------------- */

#footer {color:#cccccc}

#footer .main {padding: 40px 0 10px 0;}

#footer a {color: #cccccc;}

#footer .secondary {padding:0 30px}

.footerBox {margin-bottom:10px}

#footer .widgetBox h3 {font-family: 'Open Sans'!important; text-transform:none; font-size: 16px; margin-bottom: 20px;color: #ededed!important;}

#footer .secondary .inside {padding: 20px 0 0;}

.support-resources p {margin-bottom:15px}

.support-resources span {display: inline-block; margin: 8px 0;}

.support-resources img {margin: 0 20px 0 0; float:left; width: 24px; height:auto}

#menu-services li.current-menu-item a {color:#076799!important; font-weight:bold}


/* -------------------- Media queries -------------------- */

@media (min-width: 768px)
{
select {min-width:320px}
#logo img {height:60px!important; width:auto!important; max-width:100%!important}	
}

@media (max-width: 768px)
{
#logo img {height:50px!important; width:auto!important; max-width:100%!important}	
li.current-menu-item a {color:#ffffff!important}
select {min-width:320px}

#status-bar p, #status-bar a {font-size: 14px;}

#status-bar p {padding-left:0;}

#status-bar p:before {display:none}
}

@media only screen and (max-width: 700px)
{
	

h1, .home .slideshow .details h2 {font-size:36px}
h3 {font-size:28px}
.flex-direction-nav, .flex-control-nav {bottom: -45px !important;}
.page .homeSection {padding: 0 0 30px 0 !important;}
.widgetBox {box-sizing: border-box!important;;}
 }

@media screen and (max-width: 480px)
 {
#logo img {height:40px!important;}
.home .slideshow .details h2 {font-size: 24px;}
.support-resources img {margin: 0 10px 0 0;}
 input[type="email"], input[type="text"], input[type="password"], textarea {box-sizing: border-box; width:100%}
}