/*
Theme Name: Zerif Lite Child
Theme URI: http://themeisle.com/themes/zerif-lite/
Author: ThemeIsle
Author URI: http://themeisle.com
Description: Zerif LITE is a free one page Wordpress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Version: 1.8.2.5
License: GNU General Public License version 3
License URI: license.txt
Template: zerif-lite
Text Domain: zerif-lite-child
Domain Path: /languages/
Tags: black, gray, red, white, one-column, two-columns, right-sidebar,fixed-layout,light,front-page-post-form,full-width-template,rtl-language-support,sticky-post,theme-options,responsive-layout, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, photoblogging, accessibility-ready
*/


.custom-event-map > i {
    display: none;
}

.mobile-event-title {
    display: none;
}

.navbar-inverse {
    background-color: #f3f3f3;
    border: 0 none;
}

.navbar-brand {
    height: 76px;
    padding: 8px 15px;
}

.navbar-brand > img {
    margin-top: 5px;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #ed6d12;
}

.header-content-wrap {
    background: none;
}

.buttons a {
    padding: 1em;
}

.btn-primary {
    background-color: #ed6d12;
    border: 0 none;
}

.focus-box p {
    font-size: 16px;
}

body.single-event .entry-content {
    text-align: center;
}

body.single-event .entry-content .gform_wrapper {
    text-align: left;
}

#homepage-location {
    font-size: 28px;
    color: #fff;
    background: #1ea7c3;
    text-align: center;
    border-radius: 48px;
    display: inline-block;
    margin: 0 auto;
    font-family: 'Lato', Helvetica, sans-serif;
    margin-top: 1em;
    height: 50px;
    line-height: 48px;
    text-transform: uppercase;
    padding: 0 1em;
}

.about-us p {
    font-size: 18px;
    color: #fff;
}

.about-us {
    background: #244484;
}

.zerif-rtl-skills {
    display: none;
}

#aboutus .section-header {
    display: none;
}

#team ul {
    margin: 0;
}

#team ul, #team li {
    list-style: none;
}

#team .row > ul > li {
    float: left;
    width: 30.3%;
    background: #efefef;
    border-radius: 5px;
    padding: 1em;
    margin: 0 1em;
}

#team li a {
    font-size: 18px;
    display: block;
}

#team li a > img {
    margin-bottom: 1em;
}

.section-header {
    padding-bottom: 50px;
}

.header.header > .navbar {
    box-shadow: 0px 1px 11px 0px rgba(39, 37, 37, 0.34);
}

.zerif-copyright-box {
    display: none;
}

.social li a {
    font-size: 38px;
}

.social li {
    margin: 14px;
}

.social {
    margin-bottom: 0 !important;
}

.entry-title {
    font-size: 26px;
    line-height: 28px;
}

.wForm input[type=button], .wForm input[type=submit] {
    background-color: indianred !important;
}

.label {
    color: inherit;
    white-space: normal;
    font-size: 100%;
}

/* Make "No Events" center-aligned */
#team .row > ul > li:first-child:nth-last-child(1) {
    width: 100%;
}

/* Center align two events on home page */
#team .row > ul > li:first-child:nth-last-child(2),
#team .row > ul > li:first-child:nth-last-child(2) ~ li {
    width: 47%;
}

/* Hide broken images on homepage if event image isn't provided */
#team .row > ul > li > a > img[src=""] {
    display: none;
}

.client-feedback-custom .feedback-box {
    float: left;
    background: #efefef !important;
}

.row-client-feedback-custom {
    margin-left: 18px !important;
    margin-right: 0 !important;
}

.row-client-feedback-custom .col-md-12 {
    padding: 0;
}

.event-info-single-page-custom {
    text-align: center !important;
    margin-top: 1em !important;
    font-size: 2em;
    line-height: 1.25em;
}

a:visited {
    color: #428bca;
}

.other-campus-homepage-link {
    color: white !important;
    text-decoration: underline;
    text-transform: initial;
    text-shadow: 1px 1px 10px #000;
}

.gform_wrapper {
    background: #efefef;
    padding: 1em;
}

.js .tmce-active .wp-editor-area {
    color: inherit !important;
}

/* Custom styles for Gravity Forms contact us form on homepage*/

.custom-contact-fields-third.gfield {
    clear: none !important;
}

.custom-contact-fields-third input {
    text-align: left;
    text-transform: none;
    padding: 9px;
    min-height: 46px;
    padding-left: 15px !important;
    display: inline-block;
    border-radius: 4px;
    background: rgba(255,255,255, 0.95);
    width: 100% !important;
}

/* Your Name field */
.custom-contact-fields-third.custom-contact-name {
    padding-left: 0;
}

/* Your Message field */
.custom-contact-field-message {
    clear: both !important;
    padding-top: .75em !important;
}

.custom-contact-fields-third > .gfield_label, .custom-contact-field-message > .gfield_label, .custom-contact-captcha > .gfield_label {
    display: none !important;
}

.custom-contact-form input[type="submit"] {
    float: right;
}

.custom-contact-form .gfield_select {
    width: 100% !important;
    height: 46px;
}

/* Add this to "Appearance > Menus" to create a menu item that isn't clickable */
.unclickable > a {
    pointer-events: none;
}

.custom-eventpage-eventimage {
    flex-basis:33%;
    text-align:center;
}

.css-events-list .em-pagination {
    margin-top: 3em;
    display: block;
    text-align: center;
}

.css-events-list .em-pagination .page-numbers {
    background: #1eaac6;
    padding: 0.5em;
    color: white;
}

.css-events-list .em-pagination span {
    background: none !important;
    color: black !important;
    border: 1px solid #1eaac6;
}

@media (max-width: 1200px) {
   #team li {
        float: none;
        width: 100% !important;
        margin: 1em 0 !important;
   }

   .row-client-feedback-custom {
        margin-left: 6px !important;
    }

    .mobile-event-title {
        display: block;
        margin-top: 2em;
    }

    .mobile-event-title > a {
        font-size: 1.5em;
    }

    .css-events-list td > a, .css-events-list thead, .css-events-list td:nth-child(2) br {
        display: none !important;
    }

    .css-events-list td {
        display: block;
    }

    .css-events-list td > div {
        float: none !important;
    }

    .css-events-list td > div > a > img {
        width: 100%;
        max-width: 400px;
    }

    body.single-event .entry-content img:first-child {
        width: 100%;
        max-width: 400px;
    }



}


@media (min-width: 1200px) {
    h1.intro-text {
        width: 989px;
        margin: 0 auto;
    }

    .events-table tr > td:first-child {
        width: 25%;
    }

}



@media (min-width: 993px) {
    .zerif-rtl-big-title {
        width: 50%;
    }

    .text_and_skills {
        width: 50% !important;
    }
}

@media (max-width: 992px) {
    .row-client-feedback-custom {
        margin-left: 0px !important;
    }
}

@media (max-width: 767px) {

    .row, .about-us .row {
        margin-left: 0;
        margin-right: 0;
    }

    #team .row > ul > li {
        margin: 0 0 2em 0;
        float: none;
        width: inherit;
    }

    .custom-eventpage-eventimage {
        flex-basis:inherit;
    }

}

/*MoonClerk form on Give Back page*/
div#mc25ey6tl580v3 {
    width: 100%;
}