/* Begin Custom CSS */

/* Simple Global Styles */
.visible {visibility:visible !important;}
a.btn:visited {color:#fff !important;} /* nav a:visited */
.wpcw_powered_by {height:0 !important; opacity:0 !important; visibility:hidden !important;}
/* Begin Custom CSS */

/* Register Fonts */
.opensans {font-family: 'Open Sans Condensed', sans-serif;}
.dosis {font-family: 'Dosis', sans-serif;}
.oswald {font-family: 'Oswald', sans-serif;}
.anton {font-family: 'Anton', sans-serif;}

.float-left {float:left !important;}
.float-right {float:right !important;}

.fyu_actions ~ a[target="_blank"] {display:none !important; opacity:0; height:0;}

.margin-top-negative {margin-top:-100px !important;}

/* @media screen and (min-width:768px) {
  #page h1 {font-size:60px;}
  #page h2 {font-size:48px;}
  #page h3 {font-size:40px;}
  #page h4 {font-size:32px;}
  #page h5 {font-size:28px;}
  #page h6 {font-size:24px;}
  #page p {font-size:18px;}
  #page span {font-size:22px;}
  #page button {font-size:20px;}
  #page div {font-size:18px;}
  #page input {font-size:20px;}
  #page select {font-size:20px;}
  #page textarea {font-size:20px;}
} */

/* Change Bootstrap Mobile Menu CSS to respond to 768px */
/* Link: https://stackoverflow.com/questions/23295775/bootstrap-collapse-nav-at-991px */
@media (max-width: 991px) {

  #menu-guest-menu {display:none !important;}

    .navbar-header {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    /* .navbar-collapse.collapse {
        display: none!important;
    } */
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px !important;
    }
    .navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

   .navbar-collapse.collapse.in {  /* NEW */
        display: block!important;
    }
}

/* WP Courseware */
.wpcw_checkmark {font-size:14px !important;}

/* CSS Flex Container */
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
/* Regular Flex Order */
.flex-order-1 {order:1;}
.flex-order-2 {order:2;}
.flex-order-3 {order:3;}
.flex-order-4 {order:4;}
.flex-order-5 {order:5;}
.flex-order-6 {order:6;}

/* Mobile Flex Order */
@media screen and (max-width:768px) {
  .m-flex-order-1 {order:1;}
  .m-flex-order-2 {order:2;}
  .m-flex-order-3 {order:3;}
  .m-flex-order-4 {order:4;}
  .m-flex-order-5 {order:5;}
  .m-flex-order-6 {order:6;}
}

/* Tablet Flex Order */
@media screen and (max-width:991px) {
  .t-flex-order-1 {order:1;}
  .t-flex-order-2 {order:2;}
  .t-flex-order-3 {order:3;}
  .t-flex-order-4 {order:4;}
  .t-flex-order-5 {order:5;}
  .t-flex-order-6 {order:6;}
}

/* h1, h3 {font-family: 'Archivo Black', sans-serif;}
h2, h4 {font-family: 'Catamaran', sans-serif;}

div, p, span, input, a,
select, textarea, section {font-family: 'Catamaran', sans-serif;} */

/* Register Font Size */
.font-1 {font-size:12px !important;}
.font-2 {font-size:16px !important;}
.font-3 {font-size:20px !important;}
.font-4 {font-size:24px !important;}
.font-5 {font-size:28px !important;}
.font-6 {font-size:32px !important;}
.font-7 {font-size:36px !important;}
.font-8 {font-size:40px !important;}
.font-9 {font-size:44px !important;}

/* Define Mobile Font Size Classes */
@media screen and (max-width:768px) {
  .font-xs-8 {font-size:8px !important;}
  .font-xs-12 {font-size:12px !important;}
  .font-xs-16 {font-size:16px !important;}
  .font-xs-20 {font-size:20px !important;}
  .font-xs-24 {font-size:24px !important;}
  .font-xs-28 {font-size:28px !important;}
  .font-xs-32 {font-size:32px !important;}
  .font-xs-36 {font-size:36px !important;}
  .font-xs-40 {font-size:40px !important;}
  .font-xs-44 {font-size:44px !important;}
  .font-xs-48 {font-size:48px !important;}
  .font-xs-52 {font-size:52px !important;}
  .font-xs-56 {font-size:56px !important;}
  .font-xs-60 {font-size:60px !important;}
  .font-xs-64 {font-size:64px !important;}
  .font-xs-68 {font-size:68px !important;}
  .font-xs-72 {font-size:72px !important;}
}

/* Define Tablets Font Size Classes */
@media screen and (min-width:769px) and (max-width:991px) {
  .font-sm-8 {font-size:8px !important;}
  .font-sm-12 {font-size:12px !important;}
  .font-sm-16 {font-size:16px !important;}
  .font-sm-20 {font-size:20px !important;}
  .font-sm-24 {font-size:24px !important;}
  .font-sm-28 {font-size:28px !important;}
  .font-sm-32 {font-size:32px !important;}
  .font-sm-36 {font-size:36px !important;}
  .font-sm-40 {font-size:40px !important;}
  .font-sm-44 {font-size:44px !important;}
  .font-sm-48 {font-size:48px !important;}
  .font-sm-52 {font-size:52px !important;}
  .font-sm-56 {font-size:56px !important;}
  .font-sm-60 {font-size:60px !important;}
  .font-sm-64 {font-size:64px !important;}
  .font-sm-68 {font-size:68px !important;}
  .font-sm-72 {font-size:72px !important;}
}

/* Define Regular Desktop Font Size Classes */
@media screen and (min-width:992px) and (max-width:1199px) {
  .font-md-8 {font-size:8px !important;}
  .font-md-12 {font-size:12px !important;}
  .font-md-16 {font-size:16px !important;}
  .font-md-20 {font-size:20px !important;}
  .font-md-24 {font-size:24px !important;}
  .font-md-28 {font-size:28px !important;}
  .font-md-32 {font-size:32px !important;}
  .font-md-36 {font-size:36px !important;}
  .font-md-40 {font-size:40px !important;}
  .font-md-44 {font-size:44px !important;}
  .font-md-48 {font-size:48px !important;}
  .font-md-52 {font-size:52px !important;}
  .font-md-56 {font-size:56px !important;}
  .font-md-60 {font-size:60px !important;}
  .font-md-64 {font-size:64px !important;}
  .font-md-68 {font-size:68px !important;}
  .font-md-72 {font-size:72px !important;}
}

/* Define Large Desktop Font Size Classes */
@media screen and (min-width:1200px) {
  .font-lg-8 {font-size:8px !important;}
  .font-lg-12 {font-size:12px !important;}
  .font-lg-16 {font-size:16px !important;}
  .font-lg-20 {font-size:20px !important;}
  .font-lg-24 {font-size:24px !important;}
  .font-lg-28 {font-size:28px !important;}
  .font-lg-32 {font-size:32px !important;}
  .font-lg-36 {font-size:36px !important;}
  .font-lg-40 {font-size:40px !important;}
  .font-lg-44 {font-size:44px !important;}
  .font-lg-48 {font-size:48px !important;}
  .font-lg-52 {font-size:52px !important;}
  .font-lg-56 {font-size:56px !important;}
  .font-lg-60 {font-size:60px !important;}
  .font-lg-64 {font-size:64px !important;}
  .font-lg-68 {font-size:68px !important;}
  .font-lg-72 {font-size:72px !important;}
}

@media screen and (max-width:768px) {th, td {font-size:12px;}}
@media screen and (min-width:769px) {th, td {font-size:18px;}}
.hidden-row {padding:0 !important; margin:0 !important; border:none !important;}

/* Register Container Templates */
.round-img {border-radius:50%;}
.inline-block {display:inline-block !important;}

/* Register Colors */
.ab-white {background-color:#fff;}
.ab-grey {background-color:#f1f1f1;}
.ab-dark {background-color:#333;}
.ab-black {background-color:#000;}
.ab-red {background-color:#e74c3c;}
.ab-orange {background-color:#e67e22;}
.ab-yellow {background-color:#f1c40f;}
.ab-green {background-color:#2ecc71;}
.ab-blue {background-color:#3498db;}
.ab-purple {background-color:#9b59b6;}

.ab-white-color {color:#fff;}
.ab-grey-color {color:#f1f1f1;}
.ab-dark-color {color:#333;}
.ab-black-color {color:#000;}
.ab-red {color:#e74c3c;}
.ab-orange {color:#e67e22;}
.ab-yellow {color:#f1c40f;}
.ab-green {color:#2ecc71;}
.ab-blue {color:#3498db;}
.ab-purple {color:#9b59b6;}

.ab-white-border {border-color:#fff;}
.ab-grey-border {border-color:#f1f1f1;}
.ab-dark-border {border-color:#333;}
.ab-black-border {border-color:#000;}
.ab-red {border-color:#e74c3c;}
.ab-orange {border-color:#e67e22;}
.ab-yellow {border-color:#f1c40f;}
.ab-green {border-color:#2ecc71;}
.ab-blue {border-color:#3498db;}
.ab-purple {border-color:#9b59b6;}

/* Progress Bar */
.progress-bar {}
.progress-bar > .bar-grow {height:100%;}

/* Enroll Now Learn More */
a.btn.enroll-now, a.btn.learn-more {width:100%; margin-bottom:15px;}

/* Bottom Title for Image Squares */
.bottom-title {position:absolute; bottom:146px; width:92%; background:rgba(0,0,0,0.7);}

/******** BEGIN N1 EDUCATION CUSTOM CSS ********/

.n1-node {padding:15px; background:#fff; box-shadow: 0px 0px 1px #d4d4d4;}

/*** Header Navigation ***/

/*** Logged in Conditional Styling ***/
body.logged-in #ab-mobile-nav {margin-top:45px;}

/*** N1 Event Loop (loop/loop-event) ***/
.n1-event-hoja {width:125px; height:125px; display:inline-block; padding:12px;}
.n1-event-day-number {font-size: 50px; line-height: 1; font-weight: 900;}

/*** Back to Top CSS ***/
.back-to-top {
  float:right;
  position:fixed;
  font-size:40px !important;
  bottom:0;
  right:0;
  background: rgba(0, 0, 0, 0.4);
  width:125px;
  height:100px;
  text-align: center;
  display:table;
}

.back-to-top a {display:table-cell; vertical-align:middle; color:#fff !important;}

/*** Customize Festi Cart Menu Item for WooCart ***/
.festi-cart-menu-item {padding-top:25px; font-size:20px;}
#festi-cart {background: transparent !important;}

/* Custom Switch CSS */
.switch-container {
  height: 40px;
  margin: auto;
  text-align: center;
}

/** Switch  ------*/

.switch input {
position: absolute;
opacity: 0;
}

/* Adjust this to size */

.switch {
display: inline-block;
font-size: 3em; /* 1 */
height: 1em;
width: 2em;
border-radius: 1em;
}

.n1-toggle-left .switch {background:#096bdc;}
.n1-toggle-right .switch {background:#5cb85c;}

.switch .switch-node {
height: 3em;
width: 3em;
border-radius: 3em;
background: #FFF;
box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
-webkit-transition: all 300ms;
   -moz-transition: all 300ms;
        transition: all 300ms;
}

.switch input:checked + .switch-node {
-webkit-transform: translate3d(100%, 0, 0);
   -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
}

.neutral-switch .switch-node {
  transform: translate3d(50%, 0, 0);
}

.neutral-switch .switch,
.neutral-switch.n1-toggle-left .switch,
.neutral-switch.n1-toggle-right .switch {background-color:#777 !important;}

/*** Custom Gravity Forms CSS ***/
.gf_inline .ginput_container input {margin-top:0 !important;}
#gform_1 button {border: solid 1px #fff; padding: 8px 15px;}

.ab-modal .close-ab-modal {margin-top:11%;}

/* Set Mobile Video iFrame Height */
@media screen and (max-width:769px) {
  .swiper-slide iframe {height:200px !important;}
}

.testimonial-node .list-group-item {min-height:338px;}
#exercise-library-table {width:100% !important;}

@media screen and (max-width:768px) {
  #exercise-library-table thead tr th:nth-child(1),
  .exercise-node td:nth-child(1) {display: none;}
}
.exercise-node td:nth-child(3) {text-align:center;}
.exercise-node td:nth-child(3) .n1-button {width:100%; display:inline-block;}

@media screen and (max-width:991px) {
  .exercise-node td:nth-child(1) {width:0%;}
  .exercise-node td:nth-child(2) {width:77%;}
  .exercise-node td:nth-child(3) {width:20%;}
}

@media screen and (min-width:992px) {

  .exercise-node td:nth-child(1) {width:20%;}
  .exercise-node td:nth-child(2) {width:70%;}
  .exercise-node td:nth-child(3) {width:10%;}
}

.nav-wrapper ul li a {font-size:18px !important;}
