/*
Theme Name: Fabulous Child
Theme URI: http://www.wpexplorer.com/
Template: wpex-fabulous
Author: WPExplorer
Author URI: http://www.wpexplorer.com
Description: Premium WordPress Theme by WPExplorer
Tags: light,responsive-layout,custom-background,threaded-comments,custom-menu,featured-images,full-width-template,theme-options,translation-ready
Version: 2.1.1.1462977061
Updated: 2016-05-11 14:31:01

*/


    input[type="search"] {
        background:none;
        color:#2c3345;
        font-size:15px;
        border: 1px solid #A5ACBC;
    }

    input[type="search"]:active, input[type="search"]:focus {
        border: 1px solid #cacfd9;
    }

    ::-webkit-input-placeholder {
       color: #656B79; font-family:Lato, sans-serif;
    }
    ::-webkit-input-placeholder:focus {
       color: #2c3345;
    }

    :-moz-placeholder { /* Firefox 18- */
       color: #656B79; font-family:Lato, sans-serif;  
    }
    :-moz-placeholder:focus { /* Firefox 18- */
       color: #2c3345;  
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       color: #656B79; font-family:Lato, sans-serif;
    }
    ::-moz-placeholder:focus {  /* Firefox 19+ */
       color: #2c3345;  
    }

    :-ms-input-placeholder {  
       color: #656B79; font-family:Lato, sans-serif;
    }
    :-ms-input-placeholder:focus {  
       color: #2c3345;  
    }

    h1, h2, h3, h4, h5, h6, p, div, ol li, ul li, .widget-title, h1 a, h2 a, h3 a, h4 a, strong {
        color:#2C3345!important;
    }

/*------------------------------------HEADER---------------------------------------*/

    body, #header-wrap {
        background-image: none;
        font-family: Lato, 'Open Sans', Arial, sans-serif;
    }


    .dark-skin #site-navigation-inner, .dark-skin #site-navigation-wrap {
        border: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .dark-skin #site-navigation .dropdown-menu {
        margin-top:0;
    }


    .dark-skin #site-navigation .dropdown-menu > li > a {
        border:0;
        border-top: 1px solid transparent;
        box-shadow: none;
        padding: 0;
        margin: 0 23px;
        font-size: 12px;
        font-family: Lato, 'Open Sans', Arial, sans-serif;
        letter-spacing: 1px;
        transition: .25s ease;
        -o-transition: .25s ease;
        -moz-transition: .25s ease;
        -webkit-transition: .25s ease;
    }

    .dark-skin #site-navigation .dropdown-menu > li > a:hover, .dark-skin #site-navigation .dropdown-menu .current-menu-item > a, .dark-skin #site-navigation .dropdown-menu .current-menu-item > a:hover {
        border-top: 1px solid #9FA3AE;
        box-shadow: none;
        color:#fff!important;
    }    

    .dark-skin .wpex-mobile-nav {
        border:0;
    }

    .dark-skin .wpex-mobile-nav-ul {
        text-align:center;
    }

    .dark-skin .wpex-mobile-nav-ul li a {/*MOBILE MENU*/
        text-shadow:none;
        font-weight:200;
        border:0;
        padding:20px 0;
    }


    #logo img {
        height: 45px;
    }

    #logo, .secondary-logo {
        display: inline-block;
    }

    .secondary-logo a img {
        height: 54px;
        width:70px;
        position: relative;
        top: -11px;
        margin-right: 15px;
        opacity: 0.6;
        filter: alpha(opacity=60);
        transition: opacity .25s ease;
        -o-transition: opacity .25s ease;
        -moz-transition: opacity .25s ease;
        -webkit-transition: opacity .25s ease;
    }

    .secondary-logo a:hover img {
        height: 54px;
        position: relative;
        opacity: 1;
        filter: alpha(opacity=100);
    }


/*-----------------------------------INTRO--------------------------*/

    .home .intro-section {
        background: #fff;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 60px 0;
        display:block!important;
    }

    .intro-heading {
        font-size: 32px;
        font-weight: 100;
        max-width:1020px;
        margin: 0 auto;
        line-height:140%;
        padding: 0 40px 40px 40px;
    }

    .intro-body {
        font-size:20px;
        font-weight:100;
        max-width:1020px;
        margin: 0 auto;
        line-height:150%;
        padding: 0 40px 40px 40px;
    }

    .intro-body i {
        font-style:italic;
    }

    .intro-button {
        width:100%;
    }

    .intro-button a, .btn , .entry .btn{
        background: #B19349 !important;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #fff!important;
        font-size: 13px;
        display: inline-block;
        padding: 0 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .intro-button a:hover, .btn:hover, .entry .btn:hover {
        background: #9a7d36 !important;
        text-decoration:none;
        color: #fff!important;
    }

/*-----------------------------------HOMEPAGE---------------------------------------*/
    
    #blog-wrap article.post {
        overflow:hidden;
        height:510px;
    }

    .loop-entry-meta {
        position: absolute;
        top: 276px;
        padding: 10px 10px 10px 15px;
        background: #B19349;
        border-radius: 0;
        color: #fff;
        font-size: 18px;
    }

    .loop-entry-meta-category a {
        color:#fff!important;
        font-size:18px;
        font-weight:100;
    }

    .loop-entry-meta-category a:hover {
        color:#fff!important;
    }

    .loop-entry-meta-category .strong {
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 15px solid #B19349;
        position: absolute;
        right: -15px;
        top: 0;
        font-size:0;
        margin:0;
        height:0;
    }

    .loop-entry-meta-date.updated {
        display:none;
    }

    .loop-entry-content {
        text-align:center;
        margin-top:10px;
    }

    .loop-entry-title {
        font-size: 18px;
        font-weight: 400;
    }

    .loop-entry-excerpt {
        font-size: 14px;
        line-height: 140%;
        font-weight: 100;
    }

    .loop-entry-thumbnail a img {
        filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/        
        transition: .25s ease;
        -o-transition: .25s ease;
        -moz-transition: .25s ease;
        -webkit-transition: .25s ease;
        opacity:0.9;
    }

    .loop-entry-thumbnail a:hover img {
        filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
        -webkit-filter: grayscale(0);
        opacity:1;
    }

    .loop-entry-thumbnail a:before, .loop-entry-thumbnail a:hover:before {
        display:none;
    }

    .archive-header .archive-header-title {
        font-size:32px;
        font-weight:100;
        text-align:left;
    }

    .news-box .panel-widget-style {
        padding:30px 40px 20px 40px!important;
    }

    .news-box .widget-title {
        font-size:28px;
        font-weight:100;
        margin-bottom:30px;
    }

/*-----------------------------------POST PAGE---------------------------------------*/

    .single-post-media img {
        max-width:230px;
        margin:0 0 20px 0;
    }

    .single-post-media {
        margin: 0 40px 40px 0;
        float: left;
        width:33%;
    }

    .entry a {
        color:#B19349;
        text-decoration:none;
    }

    .entry a:hover {
        text-decoration: underline;
        color: #B19349;
    }

    .left-content {
        width: 740px;
        max-width: 73%;
    }

    .sidebar-container {
        width: 235px;
        max-width: 24%;
    }

    .post-thumbnail {
        float:left;
    }

    header.post-header {
        width: 60%;
        max-width: 60%;
        float:left;
    }

    .post-meta {
        display:none;
    }

    .post-header-title {
        font-size:32px;
    }

    .entry h3 {
        text-transform: none;
        font-size: 17px;
        font-weight: bold;
        margin-bottom:5px;
    }

    .entry h4 {
        margin: 0 0 20px;
        font-size:17px;
    }

    .single-post-pagination{
        display:none;
    }

    .single-post-article {
        position:relative;
    }

    .btn.back {
        position: absolute;
        left: 40px;
        bottom: 40px;
    }
	
	#comments {
		display:none;
	}

/*-----------------------------------SINGLE ARTICLE PAGE---------------------------------------*/

    .single-page-article .page-header, body.with-sidebar .page-header {
        margin-bottom:0;
        padding-bottom:40px;
        background:none;
    }

    .list-3-rows .panellist  {
        width:30%;
        float:left;
        margin:0 0 8px 0;
    }

    .list-3-rows .panellist a {
        font-weight:bold;
    }


    /*Inductees page*/

    .widget_search {
        position:relative;
    }
    .search-float-right {
        position: absolute;
        right: 5px;
        top: -60px;
        width: 235px;
    }

/*-----------------------------------SIDEBAR---------------------------------------*/

    .sidebar-widget .widget-title {
        font-size:15px;
    }

    .sidebar-widget ul li, .sidebar-widget.widget_archive li, .sidebar-widget.widget_recent_entries li, .sidebar-widget.widget_categories li, .sidebar-widget #recentcomments li, 
    .sidebar-widget.widget_archive li:first-child, .sidebar-widget.widget_recent_entries li:first-child, .sidebar-widget.widget_categories li:first-child, .sidebar-widget #recentcomments li:first-child {
        border:0;
        padding: 0 0 8px 0;
    }

    .sidebar-widget ul li {
        float:left;
        width: 45%;
    }

    .sidebar-widget.widget_archive li:before, .sidebar-widget.widget_recent_entries li:before, .sidebar-widget.widget_categories li:before, .sidebar-widget #recentcomments li:before {
        display:none;
    }

/*-----------------------------------FOOTER---------------------------------------*/

    #footer .textwidget {
        text-align:right;
    }

    body #footer a, #footer-wrap a, #footer-widgets .widget_nav_menu ul > li li a, .footer-text p a, p.footer-text {
        color:#656B79!important;
    }

    .footer-logo {
        display:block;
    }

    .footer-logo img {
        height:32px;
    }

    .footer-text {
        font-size:13px;
    }

    #footer-widgets .widget_nav_menu ul > li {
        display:inline-block;
        border:0!important;
    }

    #footer-widgets .widget_nav_menu ul > li a {
        padding-top:0;
        margin-right:20px;
        font-size:12px;
        text-transform:uppercase;
        letter-spacing:1px;
    }

    .site-scroll-top .fa-angle-up:before {
        font-size:24px;
    }

    .infinite-scroll-loader {
        background:#656B79;
        color:rgba(255, 255, 255, 0.70)!important;
    }


/*-------------------------------RESPONSIVE STYLES--------------------------------*/

@media (max-width:1200px) { 
    .loop-entry-meta {
        top:0;
    }
    .btn.back {
        position:initial;
    }
}

@media (max-width:1024px) { 
    header.post-header {
        max-width:100%;
        width:100%;
        float:none;
    }
    .single-post-media {
        float:right;
        margin: 0 0 0 30px;
    }
}

@media (max-width:900px) {
    .list-3-rows .panellist {
        width: 46%;
        margin: 0 0 8px 0;
    }
    /*FOOTER*/
    #menu-footer-menu {
        text-align:center;
        margin-bottom:20px;
    }
    #footer .textwidget {
        text-align:center;
    }
    #footer-widgets .widget_nav_menu ul > li a {
        margin:0 10px;
        font-size:14px;
    }
    #footer-wrap {
        padding-top:50px;
    }
    .footer-widget {
        margin-bottom:0;
    }
    #footer .col {
        width:100%;
    }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .container {
        max-width: 90%;
        width: 800px;
    }
    .sidebar-container {
        margin-top: 0;
    }
}

@media (max-width:768px) { 
    .container {
        max-width:90%;
    }
    .left-content {
        width:100%;
        max-width:100%;
    }
    .sidebar-container {
        width:100%;
        max-width:100%;
        margin-top:50px;
    }
    .single-post-media {
        width:40%;
    }
    .loop-entry-thumbnail {
        padding-top:30px;
    }
    .loop-entry-thumbnail a img {
        width: 230px;
        margin: 0 auto;
    }
    h1, h2, h3, h4, h5, h6, p, div, ol li, ul li, .widget-title, h1 a, h2 a, h3 a, h4 a, strong {
        font-size:16px;
    }

    /*HOMEPAGE*/
    .intro-heading {
        font-size:28px;
    }
    .loop-entry-excerpt {
        font-size:16px;
    }
    .loop-entry-title, .loop-entry-title a {
        font-size:22px;
    }
    .loop-entry-content {
        margin-top:0;
    }
    .loop-entry-meta {
        background:#B19349;
        line-height: 40px;
        width: 200px;
        position: absolute;
        top: 25px;
        left: -50px;
        text-align: center;
        letter-spacing: 1px;
        color: #f0f0f0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        padding:0;
    }
    .loop-entry-meta-category .strong {
        display:none;
    }
}

@media (max-width:480px) {
    .site-scroll-top {
        bottom: 15px;
        right: 15px;
    }
    body #header-wrap #header {
        padding:40px 0 30px 0!important;
    }
    body.page .site-content, body.single .single-post-article, body.single .comments-inner, .author-bio {
        padding:20px;
    }
    .btn.back {
        position: relative;
        left: 0;
        bottom: 0;
    }
    .search-float-right {
        position: initial;
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }
    .list-3-rows .panellist {
        width:100%;
        margin:0 0 10px 0;
    }
}

@media (max-width:320px) { 
}
