/*
 * Theme Name: ZoneStrap
 * Theme URI: http://www.topzonemedia.com/zonestrap
 * Author: TopZone Media Group
 * Author URI: http://www.topzonemedia.com
 * Description: A mobile-first, responsive WordPress theme by TopZone Media.
 * Version: 1.0
 * License: GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Tags: two-columns, right-sidebar
 * Text Domain: ZoneStrap
 */

/*
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License, version 2, as
 * published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
 */

/* Mobile First CSS - look at responsive.css for the media queries */

/* This adds padding to accommodate for the TopZone Toolbar */

/* HELPER CLASSES */

.mt30 {margin-top: 30px;}
.mt10 {margin-top: 10px;}





body {
    padding-bottom: 56px;
}

/* TopZone Toolbar */

/* This puts the Primary Navigation in the TopZone Toolbar */
#primaryNavigation {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 999;
    left: 0;
}

/* This puts the collapsable menus in the Primary Navigation to the TopZone Toolbar */
#primaryNavigation .navbar-collapse, #socialDropup {
    position: absolute;
    bottom: 54px;
    width: 101%;
    background: #fff;
    -webkit-box-shadow: 0 -4px 12px -7px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0 -4px 12px -7px rgba(0, 0, 0, 0.39);
    box-shadow: 0 -4px 12px -7px rgba(0, 0, 0, 0.39);
    border: none;
    text-align: center;
}

#primaryNavigation .dropdown-menu {
    text-align: center;
}

#navBarsBtn {
    border: none;
    height: 54px;
    margin: 0;
    padding: 0 2em;
    line-height: 58px;
}

#navBarsBtn:hover, #navBarsBtn:focus {
    background: none;
}

#navBars {
    font-size: 1.3em;
}

#mobileIcons {
    height: 54px;
    line-height: 58px;
  background-color:#000;
}

#mobileIcons a {
    display: inline-block;
    font-size: 1.3em;
    margin: 0 1.2em;
    color: #fff;
}

#socialDropup a {
    font-size: 1.7em;
    color: #000;
}

#socialDropup a .fa {
    margin: 1em;
}

#mobileIcons a:hover, #mobileIcons a:focus {
    text-decoration: none;
    color: #fff;
}
.nopadding{padding:0px;}
.noleftpadding{padding-left:0px;}
.norightpadding{padding-right:0px;}
.scrollup {
    width: 50px;
    height: 50px;
    opacity: 0.3;
    position: fixed;
    bottom: 70px;
    right: 8px;
    display: none;
    text-indent: -9999px;
    background: url("images/icon_top_lighttheme.png") no-repeat;
    z-index: 1500;
}

/* Blog Page Styling */
.post-categories {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
}

.post-categories li {
    display: inline-block;
    margin: 1em 1em 1em 0;
}

.post-categories li a {
    background: #ccc;
    padding: 0.7em 1.3em;
    color: #000;
    text-decoration: none;
}

/* Slider */
#slider-home {
    background: #f5f5f5
}

#carousel-custom {
    position: relative;
}

.carousel-indicators li {
    background-color: #000;
    border: 2px solid #FFF;
}

.masthead .btn-large:hover {
    background-color: #333;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.carousel-indicators {
    display: none;
    /*position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 100px !important;
    padding-left: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
    list-style: none;*/
}

.carousel-indicators .active {
    background-color: #CE171F;
    border: 2px solid #fff;
}

#carousel-custom .item img {
    height: 100%;
}

.masthead {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 119px;
   /* background: rgba(102, 102, 102, 0.7);
    */
  width: auto;
    margin-top: 85px;
    padding: 20px
}

.masthead h2 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 46px;
    margin: 3px 0 10px;
    color: #fff
}

.masthead h3 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 28px;
    margin: 0;
    color: #fff
}

.masthead p {
    color: #FFF;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 20px;
}

@media ( min-width : 769px) {
    #carousel-custom .item img {
        width: 100%;
    }
}

@media ( max-width : 769px) {
    .masthead {
        position: absolute;
        z-index: 9999;
        top: 50px;
        left: 50px;
        right: 50px;
      /*  background: rgba(102, 102, 102, 0.7);
        */
    margin-top: 0 !important;
        width: inherit !important;
        padding: 20px;
    }
    .back-to-top {
      bottom: 64px !important;
    }
    .history * {
      font-size: 14px;
    }
}


/*** custom css **/

h2{font-family: "Cinzel",serif;
    font-weight:700;
  font-size: 20px;text-transform:capitalize;}
/* font-family: 'Cinzel', serif; */
/* font-family: 'roboto', serif; */
body{margin:0px;padding:0px;}
.topbar
{
height:53px; background-color:#000a21;float:left;width:100%;
}
.menubar{height:39px; background-color:#e4b148;width:100%;float:left;}
.banner{width:100%; float:left; padding-bottom: 40px; background-color: #e4b148;}
.navbar-nav > li > a{font-family: 'roboto',serif;color:#f1e8ce; text-align:center;}
/*.navbar-right{margin-right:60px;} AJM 5/9/17: Removed to resolve issue with uneven left/right navs after removing the sponsors page.*/
.navbar-left{margin-left: 90px;} /* AJM 5/9/17: Added to resolve issuewith uneven left/right navs after removing the sponsors page.*/
.nav-top > li > a{padding:15px 15px !important;color:#fff !important;font-size:15px;text-transform:uppercase !important; }
.nav-bottom> li > a{padding:10px 22px !important; color:#000 !important;font-size:15px;}
.nav-top> li > a:hover{color:#da9507 !important;}
.nav-bottom> li > a:hover{background:transparent !important;color:#fff !important;}
.navbar-default{border:none;background-color:transparent;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin:0px;z-index:999;}
.navbar-brand-centered {
        position: absolute;
        left: calc(50% - 88.5px);
        display: block;
        background-color: #eee;
    background-color:transparent;
    padding:0px;
    z-index:9;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#da9507 !important;background:transparent;}
  /*.navbar-right{width: 43%;}
  .navbar-left{width:43%;}*/

.banner{width:100%;float:left;}
.banner img{width:100%;}
.trapezoid {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: auto;
  height: 0;
  border: 40px solid rgba(0,0,0,0);
  border-top: 0 solid;
  border-bottom: 70px solid #000;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  margin-top:70px;
  /*color: rgba(0,0,0,1);*/
  -o-text-overflow: clip;
   padding:10px 10px;
  text-overflow: clip; font-family:'cinzel',serif;font-weight:600;color:#fbc34f;font-size:59px;
}
.trapezoid2 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
 width: 292px;
  height: 0;
  border: 40px solid rgba(0,0,0,0);
  border-top: 0 solid;
  border-bottom: 70px solid #ff130f;
  right:0px; margin:0px;float: right;
  /*color: rgba(0,0,0,1);*/
  -o-text-overflow: clip;
   padding:0px 10px;
  text-overflow: clip; font-family:'cinzel',serif;font-weight:600;color:#fff;font-size:25px;
}
.trapezoid2 a{font-family:'cinzel',serif;font-weight:600;color:#fff;font-size:25px;width:100%;}
.trapezoid2 a span{text-align:right;float:right;font-family:Georgia, "Times New Roman", Times, serif;font-size:17px;font-style:italic;color:#fbc34f;text-decoration:none;}
.bannerphone a{text-align:right;float:right;font-family:'roboto',serif;font-weight:bold;color:#fff;font-size:30px;width:100%;text-decoration:none;margin-right:40px;}

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
/*.heading1 {
   border-bottom:1px solid #333;
   line-height: 17px;
  width:40%;
   display:block;
   margin:30px auto;
   /* background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    display: inline-block;
    font-family: "Cinzel",serif;
    font-size: 30px;
     padding: 0 25px;
    text-align: center;

}*/
.heading1{
    font-family: "Cinzel",serif;
    font-size: 30px;
    line-height: 40px;
  display:block;

    text-align: center;
  background-color:#fff;
  text-transform:uppercase;
  margin:0px 0px 50px 0px;

}
.heading1:before{content:" ";border-bottom:1px solid #333;padding:0px 30px;line-height:0px; font-family: "Cinzel",serif;    margin: -10px 10px 0 0px;
    display: inline-block;
}
.heading1:after{content:" ";border-bottom:1px solid #333;padding:0px 30px;line-height:0px; font-family: "Cinzel",serif;    margin: -10px 0 0 10px;
    display: inline-block;
}
.history{
padding: 30px 0px 20px; width:100%;float:left;
}
/*.history a{color:#ff130f;} WHY */
.history p{font-family:'roboto',serif;font-weight:300;font-size:19px;line-height:30px;}
.bottom-round{margin-top:30px;}
.whatsnew{width:100%;float:left;background-color:#000b25;}
.whatsnewboxes{margin-top: 15px; background-image:url(images/camera.png),url(images/face.png);background-position:bottom left,bottom right;background-repeat:no-repeat,no-repeat;padding-bottom:30px; display: flex; flex-wrap: wrap;}
.boxback{background:url('images/boxback.jpg');padding:15px;float:left;width:100%;}
.boxinnerback{/*background:url('images/boxinnerback.png');*/background-color:rgba(0,0,0,0.60);padding:40px 0px 50px;}

.boxinnerback2{/*background:url('images/boxinnerback.png');*/background-color:rgba(0,0,0,0.60);padding:20px 0px 40px 20px;min-height:337px;}

h3{font-family:"cinzel",serif;font-weight:900;color:#fbc34f;font-size:23px;line-height:30px;}
h3:after{display:block;
    clear:both;
    content : "";
    position: relative;
    left    : 0;
    bottom  : 0;
    max-width:50%;
    height  : 0px;
    width   : 50px;  /* or 100px */
   border-bottom:0px solid #fbc34f;
    /*margin:0px auto 22px;*/
padding:4px 0px;}
.h3left:after{margin:0px 0px 22px;}

.button{border-radius:25px; padding:5px 25px; font-family:'roboto',serif;font-weight:900;font-size:17px;line-height:25px;color:#000;background-color:#fbc34f; white-space: normal !important;}
.weling{font-size:15px;line-height:20px;font-family:'roboto',serif;color:#fff;text-align:left;}
.weling img{float:right;}
.weling a {color:#fbc34f;}
.weling a:hover {color:#ffffff;}
.weling_big{font-size:20px;line-height:30px;font-family:'roboto',serif;color:#fff;font-weight:500;}
.weling_inner{padding:0px;text-align:left;}
.author-img{padding-right:0px;}
.author-img img{width:100%;max-width:223px; }
.nowplaying img{margin:10px 0px 0px 23px;}
.img-wrapper {
    position: relative;
    padding-bottom: 57%;
    overflow: hidden;
    width: 100%;
	height: 320px;
}
.img-wrapper img{
position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    height: 320px;
}
.live-img-wrapper {
    position: relative;
    padding-bottom: 57%;
    overflow: hidden;
    width: 100%;
	height: 320px;
}
.live-img-wrapper img{
position: absolute;
    top: 0;
    left: 0;
}
.heading2 {
  font-family: "Cinzel",serif;
  font-weight:700;
  font-size: 30px;
  line-height: 0;
  padding:30px;
  text-align: center;
  /*background-color:#000b25;*/
  background: transparent;
  color:#fff;
}
.heading2:before{content:" ";border-bottom:1px solid #fff;padding:0px 30px;line-height:0px; font-family: "Cinzel",serif;    margin: -10px 10px 0 0px;
    display: inline-block;}
.heading2:after{content:" ";border-bottom:1px solid #fff;padding:0px 30px;line-height:0px; font-family: "Cinzel",serif;    margin: -10px 0px 0 10px;
    display: inline-block;}
.date{font-family:gorgia;font-size:18px;color:#fff;font-style:italic;padding:10px;}
.yellow{color:#fbc34f;font-family:'roboto',serif;text-transform:uppercase;}
.white{color:#fff;font-family:'roboto',serif;font-weight:300;}
.arrow a{color:#fbc34f;}
.eventbutton{padding:40px 0px 0px 0px;border-bottom:3px solid #cfcfcf;width:100%;float:left;}
.slidetext{font-size:12px; max-width:150px;margin:auto;line-height:15px;}
.contactsection{width:100%;float:left;background-color:#18233d;color:#fff;padding:10px 0px; vertical-align:middle;font-weight:300;color:#b3b3b3;}
.contactsection span{vertical-align:middle;font-family:arial;display:inline-block;font-size:19px;}
.contactsection  img{margin:10px 5px;}
.footer{background-color:#000b25;width:100%;float:left;padding:20px;font-family:'roboto',serif;font-size:14px;}
.footer h2{font-family:'cinzel',serif;font-size:23px;color:#fbc34f; }
.list ul{padding:0px;margin:0px;float:left;margin-left:20px;}
.list ul {list-style-image:url(images/listimg.png);}
.list ul li a{display:block;margin-bottom:20px;color:#b3b3b3;text-transform:uppercase;}
.sponsor img{float:left;margin:5px 5px;}
.partner h3{font-family: 'roboto', serif;font-weight:300;font-size:17px;color:#fff;margin:0px;}
.partner h3:after{display:none;}
.partner p{color:#8c8c8c;line-height:20px;font-size:14px;}
.footer-bottom{background-color:#000104;float:left;width:100%;padding:10px 0px; /*margin-bottom: 18px;*/}
.socail{float:right;}
.item p{color:#fff;}
.socail span{display:inline-block;border-radius:25px;background:#747474;width:25px;margin-right:5px;height:25px;text-align:center;padding:5px;}
.socail span a i{color:#000;}
.socail span:hover {background:#fbc34f;}
.socail span:hover a i{color:#fff;}
.copyright{color:#7c7c7c;}
.copyright span{color:#fbc34f;}
.floatleft{float:left;margin:0px 20px; display: block;
    height: auto;
    max-width: 100%;}
.floatright{float:right;margin:0px 0px; display: block;
    height: auto;
    max-width: 100%;}

/* image hover */

.gall img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.overlay {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#666666;
}

.gall:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.postTitle{
font-family:'cinzel',serif;font-size:18px;color:#000; font-weight:bold;
}
.blogTitle{font-family:'cinzel',serif;font-size:24px;color:#fbc34f; font-weight:bold}

.postdata{border-bottom:1px solid #cfcfcf;margin:20px 0px; padding:0px 0px 20px 0px;}
.widget_recent_entries ul{margin:0px;padding:0px;}
.widget_recent_entries ul li{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dashed #cfcfcf;list-style:none;}
@media(min-width:1300px)
{
.container{width:1200px;}
}

@media(min-width:769px) and (max-width:991px)
{

 .nav-top > li > a{padding:3px 5px !important;font-size:10px !important; }
.nav-bottom> li > a{padding:10px 10px !important;font-size:10px;}
.navbar-right{margin-right:0px;}
.navbar-left{margin-left: 0px;} /* AJM 5/9/17 */
}

@media(min-width:992px) and (max-width:1200px)
{
 .nav-top > li > a{padding:3px 10px !important;color:#fff !important;font-size:12px !important; }
.nav-bottom> li > a{padding:10px 15px !important; color:#000 !important;font-size:12px;}
.navbar-right{margin-right:0px;}
.navbar-left{margin-left: 0px;} /* AJM 5/9/17 */
}
@media(min-width:769px) and (max-width:991px)
{
  .button{width:100%;font-size:13px;max-width:170px;margin-bottom:10px;font-size:12px}
  .noleftpadding{padding-left:15px;margin-bottom:10px;}
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse{
    display:none !important;
  }
  .navbar-collapse.collapse.in{
    display:block !important;
  }
  .navbar-header{
    width:100%;
  }
  #primaryNavigation{
    background-color:#000;
    border-radius:0px;
  }
  .navbar-nav > li{
    width:100%;
  }
  .navbar-default .navbar-nav > li > a{
    color: #000 !important;
    font-size:14px !important;
  }
  #primaryNavigation .navbar-collapse, #socialDropup{
    left:0px;
  }
}
@media(max-width:769px){
.social{float:none;text-align:center;}
.sponsor{ margin-left:2px;}
.heading1{font-size:20px;}
.heading1:before{margin-right:10px;padding:0px 0px}
.heading1:after{margin-left:10px;padding:0px 0px}
.heading2{font-size:20px;}
.heading2:before{margin-right:10px;padding:0px 0px}
.heading2:after{margin-left:10px;padding:0px 0px}
.navbar-brand-centered {
    background-color: transparent;
    display: block;

   /* position: absolute;
    text-align: center;*/

    top: 0px;
    width: 177px;
    z-index:999;
}
.nav-top > li > a{padding:3px 15px !important;color:#000 !important;font-size:15px; }
.boxback{margin: 5px 0px;}
.button{width:100%;margin:5px 0px;}
.noleftpadding{padding-left:15px;}
.weling_inner{padding-right:15px;}.nowplaying img {
    margin: 10px 0px 0px 29px;
}
.button{width:100%;font-size:12px;max-width:150px;margin-bottom:5px;}
.author-img{padding:0px;}
.contactsection span {font-size:18px;}
.footer h2{font-size:20px;}
.floatright{margin:10px 0px 10px 0px;}
.floatleft{margin:10px 0px 10px 0px;}
.img-resp{width:100%;}
.img-responsive{margin:10px 0px;}
.footer-bottom{padding-bottom: 54px;}
	.whatsnewboxes{ flex-wrap: wrap-reverse; }
}

a:focus, a:hover{text-decoration:none !important;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
  border-radius:100%;
  background-color:rgb(228, 177, 72);
  display:none;

}