/*
Theme Name: Platte
Theme URI: http://zerogcreative.com
Description: Custom theme for Platte
Author: Michael Shihinski
Author URI: http://graphicten.com
Template: themify-corporate
Version: 1.0.0
*/

#headerwrap.fixed-header {
    background: #191c1f;
}

#header .phone {
    font-size: 24px;
    padding: 0px 20px;
}

.social-widget .rss a::before {
    content: none;
}

#main-nav > li.current_page_item > a::before {
    background: #fff;
}

#main-nav a,
#main-nav .current_page_item a, 
#main-nav .current-menu-item a {
    color: #fff;
}

#main-nav a:hover {
    color: #fff !important;
}

#main-nav li li a:hover {
    color: #3c3c3c !important;
}

#footer .footer-widgets {
    margin-top: -90px !important;
}

#footer .col3-1 .textwidget {
    text-align: center;
}

#footer .col3-1 .themify-social-links {
    text-align: right;
}

#footer .col3-1.first .textwidget {
    text-align: left;
}

#main-nav,
.social-widget {
    margin-top: 30px;
}

#site-logo img {
    transition: none !important;
}

#headerwrap.fixed-header #main-nav,
#headerwrap.fixed-header .social-widget {
    margin-top: 5px;
}

#headerwrap.fixed-header a, #headerwrap.fixed-header #searchform .icon-search::before {
    color: #fff;
}

.bannertext h1 {
    font-size: 60px;
    text-transform: uppercase;
    color: #005da3;
    font-weight: 400;
    width: 600px;
    text-align: right;
    line-height: 60px;
}

.bannertext h1 span {
    color: #343e48;
    font-weight: 300;
}

.bannertext p {
    width: 600px;
    font-size: 24px;
    text-align: right;
    color: #005da3;
}

.under-the-hood h2,
.who-we-are h2,
.watch-us h2,
.what-we-do h2 {
    text-align: center;
    color: #005da3;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: bold;
}

.under-the-hood h2 span,
.who-we-are h2 span,
.watch-us h2 span,
.what-we-do h2 span {
    font-weight: normal;
    color: #343e48;
}

.under-the-hood h2 {
    color: #000;
}

.under-the-hood h2 span,
.under-the-hood p,
.watch-us p,
.watch-us h2 span {
    color: #fff;
}

.what-we-do {
    line-height: 1.4;
}

.who-we-are h2,
.row_inner {
    padding: 40px 0px;
}

.what-we-do h3 {
    text-transform: uppercase;
}

.friends-content p,
.friends-content img,
.trophy-content p,
.trophy-content img,
.watch-us-content img,
.watch-us-content p {
    margin-bottom: 0px;
}

.friends-content .row-inner,
.trophy-content .row-inner,
.watch-us-content .row-inner {
    padding-bottom: 0px;
}

.who-we-are .col4-1 a,
.who-we-are .col3-1 a {
    display: block;
    width: 250px;
    height: 250px;
    box-sizing: border-box;
    padding-top: 110px;
    text-align: center;
    border: 1px solid #817d81;
    background: rgba(255, 255, 255, 0.3);
    margin: 0px auto;
    text-decoration: none !important;
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
}

.who-we-are .col4-1 a:hover,
.who-we-are .col3-1 a:hover {
    background: #005da3;
    color: #fff;
}

#text-2352-sub_row_7-0-2-1-0,
#text-2352-sub_row_7-0-2-2-0,
#text-2352-sub_row_7-0-2-3-0,
#text-2352-sub_row_7-0-2-0-0 {
    background: none !important;
    border: none !important;
    font-family: Oswald;
    padding: 0px !important;
}

.who-we-are .themify_builder_sub_row {
    padding-bottom: 100px;
}

.friends-content img,
.trophy-content img {
    width: 100%;
    height: auto;
}

.ui.blue.module-accordion li:hover .accordion-title {
    background: #343e48 !important;
}

.ui.blue.module-accordion li {
    border: none !important;
}

.ui.module-accordion > li.current .accordion-content {
    box-shadow: none !important;
}

.themify_builder .text-2462-0-0-1.module-text,
.themify_builder .text-2461-0-0-1.module-text,
.themify_builder .text-2460-0-0-1.module-text,
.themify_builder .text-2459-0-0-1.module-text {
    margin-left: 122px;
}

.partners-page {
    text-align: center;
}

.partners-page img {
    margin: 10px 0px;
    max-width: 80%;
    height: auto;
}

@media screen and (max-width: 1060px) {
    #header .social-widget div {
        display: none;
    }
    #headerwrap { height: auto !important; }
    #headerwrap #site-logo img { max-width: 75%; height: auto; }
}

@media screen and (max-width: 768px) {

    #footer .col3-1.first .textwidget,
    #footer .col3-1 .themify-social-links,
    #footer .col3-1 .textwidget {
        text-align: center;
    }
    
    #footer .footer-widgets {
        margin-top: 0px !important;
    }
}