/*
Theme Name: BonesTheme
Theme URI: http://odmwebsolutions.com
Author: Adam Henry
Author URI: http://odmwebsolutions.com
Description: This theme is a bare bones WP theme which provides a base to build off of. Bootstrap based.
Version: 1.0
*/
*{
    font-family: "Roboto", Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    letter-spacing: 2px;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('fonts/Gotham/GothamBook.ttf');
}
@font-face {
    font-family: 'Gotham-BookItalic';
    src: url('fonts/Gotham/GothamBookItalic.ttf');
}
@font-face {
    font-family: 'Gotham-BoldItalic';
    src: url('/wp-content/themes/bonesTheme/fonts/Gotham/Gotham-BoldItalic.ttf');
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('/wp-content/themes/bonesTheme/fonts/Gotham/Gotham-Medium.ttf');
}
@font-face {
    font-family: 'Gotham-MediumItalic';
    src: url('/wp-content/themes/bonesTheme/fonts/Gotham/Gotham-MediumItalic.ttf');
}
@font-face {
    font-family: 'Roboto Slab Light';
    src: url('/wp-content/themes/bonesTheme/fonts/RobotoSlab/RobotoSlab-Light.ttf');
}
@font-face {
    font-family: 'Roboto Slab Thin';
    src: url('/wp-content/themes/bonesTheme/fonts/RobotoSlab/RobotoSlab-Thin.ttf');
}
@font-face {
    font-family: 'Roboto Slab Regular';
    src: url('/wp-content/themes/bonesTheme/fonts/RobotoSlab/RobotoSlab-Regular.ttf');
}
@font-face {
    font-family: 'Roboto Slab Bold';
    src: url('/wp-content/themes/bonesTheme/fonts/RobotoSlab/RobotoSlab-Bold.ttf');
}
@font-face {
    font-family: 'Roboto Bold Italic';
    src: url('/wp-content/themes/bonesTheme/fonts/Roboto/Roboto-BoldItalic.ttf');
}
#wpadminbar{
    z-index: 10000000;
}

#main-header{
    width: 100%;
    height: 70px;
    background: transparent;
    position: fixed;
    z-index: 100000;
    display: flex;
    flex-direction: row;
}
.page-template-page-inspire #main-header,
.page-template-page-move #main-header,
.page-template-page-travel #main-header,
.page-template-page-eat #main-header,
.single-product #main-header{
    height: 70px;
}
#main-content{
    width: 100%;
    padding-top: 70px;
}
body.home #main-content, body.page-id-17 #main-content, body.woocommerce-page #main-content, body.ABOUT #main-content{
    padding-top: 0;
}
body.Cart #main-content{
  padding-top: 100px;
}
.post-meta li{
    display: inline-block;

}
.no-bullet{
    list-style-type: none;
}

#logo{
    position: relative;
    z-index: 19000;
    max-height: 70px;
    left: 0;
    top: 10px;

}
#logo-dark{
    position: relative;
    z-index: 19000;
    max-height: 50px;
    left: 20%;
    top: 10px;
    justify-content: flex-start;
}
body.home #logo-dark{
    left: 10%;
}
.main-logo{
    flex-grow: 3;
}
body.home .main-logo, .main-logo-dark{
    flex-grow: 2;
}

#page-template-page-portfolio .navbar a  #logo{
    max-height: 43px;
}
.hidden{
    display: none;
}
a:focus {
    text-decoration: none;
}
.blue{
    background-color: #006fba;
}
.green{
    background-color: #cadb2f;
}
.maroon{
    background-color: #9f005b;
}
.orange{
    background-color: #f0533f;
}
.blue-transparent{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006fba+0,006fba+100&1+0,0.35+100 */
    background: -moz-linear-gradient(top,  rgba(0,111,186,1) 0%, rgba(0,111,186,0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,111,186,1) 0%,rgba(0,111,186,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,111,186,1) 0%,rgba(0,111,186,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#59006fba',GradientType=0 ); /* IE6-9 */
    z-index: 100;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.green-transparent{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cadb2f+0,cabd2f+100&1+0,0.35+100 */
    background: -moz-linear-gradient(top,  rgba(202,219,47,1) 0%, rgba(202,189,47,0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(202,219,47,1) 0%,rgba(202,189,47,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(202,219,47,1) 0%,rgba(202,189,47,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadb2f', endColorstr='#59cabd2f',GradientType=0 ); /* IE6-9 */
    z-index: 100;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.maroon-transparent{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9f005b+0,9f005b+100&1+0,0.35+100 */
    background: -moz-linear-gradient(top,  rgba(159,0,91,1) 0%, rgba(159,0,91,0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(159,0,91,1) 0%,rgba(159,0,91,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(159,0,91,1) 0%,rgba(159,0,91,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f005b', endColorstr='#599f005b',GradientType=0 ); /* IE6-9 */
    z-index: 100;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.orange-transparent{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0533f+0,f0533f+100&1+0,0.35+100 */
    background: -moz-linear-gradient(top,  rgba(240,83,63,1) 0%, rgba(240,83,63,0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(240,83,63,1) 0%,rgba(240,83,63,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(240,83,63,1) 0%,rgba(240,83,63,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0533f', endColorstr='#59f0533f',GradientType=0 ); /* IE6-9 */
    z-index: 100;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.gray-bkg{
    background: #363636 !important;
}
.ui-widget-content .ui-state-focus{
    background: #006fba !important;
    color: #ffffff !important;
    border: 0px solid #fff;
}
/*
*   NAVBAR
*************************************/
#menu-menu-1 > .menu-item{
    font-size: 16px;
    display: inline-block;
}
.navbar-internal{
    z-index: 100000;
    display: block;
    position: absolute;
    width: 150px;
    top: 20px;
    left: 0;
    border-radius: 0;
    background: #0c72b8;
    padding: 15px 0px 15px 25px;

}
/*body.home .navbar, body.page-id-17 .navbar, body.woocommerce-page .navbar{
    z-index: 10000000;
    display: block;
    position: fixed;
    width: 150px;
    background: #0c72b8;
    top: 176px;
    left: 0;
    border-radius: 0;
    padding: 15px 0px 15px 25px;
}*/

.navbar-inner .container ul{
    position: relative;
}
#navbar-inner .border-right a{
    border-right: 1px solid #ffffff;

}

/*#menu-menu-1{
    margin: 0 auto;
}*/
.caret{
    display: none;
}
ul.sub-menu{
    display: none;
}
.navbar-top{
    display: flex;
    flex-grow: 1;
}
#menu-menu-1.nav, #menu-inner-menu.nav{
    display: flex;
    flex-direction: column;
    height: auto;
    width: auto;
}
.navbar-top #menu-inner-menu.nav{
    flex-direction: row;
    height: auto;
    width: auto;
}
.nav>li>a{
    color: #9dbd69;
    font-size:18px;
    padding: 0;
    font-style: italic;
    font-weight: 700;

}
.navbar-top #menu-inner-menu.nav>li>a{
    color: #ffffff;
    font-size:16px;
    padding: 0 20px ;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 400;
    margin: auto;
}
#menu-wrapper{
    z-index: 10000000;
    top: 10px;
    position: relative;
}
.navbar-top #menu-wrapper{
    margin: auto;
}
.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: transparent;
}
#navbar-upper{
    flex-grow:1;
    margin: auto;
    display: flex;
    justify-content: flex-end;
}

.dropdown-menu{
    /*background-color: rgba(108, 86, 16, 0.80);*/
    background-color: transparent;
    border: 0px solid #000000;
    box-shadow: 0px 0px 0px black;
    -webkit-box-shadow: 0px 0px 0px black;
    width: 400%;
}
.dropdown-menu li{
    display: inline-block;

}
.dropdown-menu li a{
    color: #ffffff;
    font-size: 14px;
}
.dropdown-menu li a:hover{
    background-color: rgba(0,0,0,0.6);
    color: #ffffff;
}


.navbar-background{
    background: transparent;
    height: 70px;
}
#menu-shop-menu{
    display: flex;
    position: relative;
    right: 10%;
}
#menu-shop-menu.nav>li>a{
    color: #ffffff;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 400;
    padding: 0px 5px;
    z-index: 1000;
}
#menu-item-36 a img{
    max-height: 25px;
}
#menu-angle-right, #menu-angle-left{
    right: 5px;
    position: absolute;
    top: -1px;
    color: #cadb2f;
    font-size: 30px;
    z-index: 10000000;
}
#menu-angle-right{
    display: none;
}
.vertical-text {
    transform: rotate(90deg);
    transform-origin: left top 0;
    display: none;
    position: absolute;
    right: -54px;
    line-height: 16px;
    top: 55px;
    color: #ffffff;
    font-family: "Gotham-Book", arial, sans-serif;
    font-size: 18px;
}
.main-header-background{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center -100px;
    height: 450px;
    display: flex;
}
#sr-1.main-header-background{
    background-position: center center;

}
/*
*   LOADER
************************************/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    display: flex;
}
/*.loaded #loader-wrapper {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);

    -webkit-transition: all 0.3s 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.3s 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}*/
#loading-logo{
    margin: auto;
    height: 80px;
    z-index: 1000001;
    position: relative;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
    background: #006fba;
    -webkit-clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
    clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
    width: 57%;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
    background: #333333;
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    width: 55%;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.4s 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.4s 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.4s 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.4s 1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 3s ease-out;
    transition: all 0.7s 3s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}
.no-js h1 {
    color: #222222;
}

#content {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 80%;
    max-width: 978px;
}


/*
*   HOME
***********************************/

#hr-1{
    background-image: url("/wp-content/themes/bonesTheme/images/home-header.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
    background-attachment: fixed;
}
#hr-1-info{
    background: rgba(0,0,0,0.3);
    margin-top: 145px;
    margin-left: 160px;
    padding: 30px;
}
#hr-1-info h1{
    font-weight: 700;
    margin-top: 5px;
    font-size: 45px;
}
#hr-1-info h1, #hr-1-info p{
    color: #ffffff;
    padding: 0;
}
#hr-1-info p{
    font-family: "Roboto Slab", serif;
    font-weight: 300;
}
.home-header-underline{
    border-bottom: 1px solid #cadb2f;
    width: 60%;
    margin: 0 0 10px 0;
}
#hr-2{
    margin-top: -10px;
}
body.logged-in #hr-2{
    margin-top: -40px;
}

#hr-2 .row{
    display: flex;
    height: 250px;
    text-align: center;
}
#hr-2 h2, #hr-2 a{
    color: #ffffff;
    font-style: italic;
}
.hero-colors-hover{
    display: none;
    width: 100%;
}
.hero-colors-hover a{
    font-size: 25px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding: 5px 30px;
    margin: auto;
    margin-top: 20px;
}
.hero-colors:hover .hero-colors-hover{
    display: flex;
}
.hero-colors h2{
    margin-top: 80px;
    font-size: 32px;
}
#h2-travel{
    background-image: url("images/home-travel-bkg.jpg");
    background-size: cover;
    background-position: center center;
    z-index: 10;
    position: relative;
}
#h2-inspire{
    background-image: url("images/home-inspire-bkg.jpg");
    background-size: cover;
    background-position: center center;
    z-index: 10;
    position: relative;
}
#h2-move{
    background-image: url("images/home-move-bkg.jpg");
    background-size: cover;
    background-position: center center;
    z-index: 10;
    position: relative;
}
#h2-eat{
    background-image: url("images/home-eat-bkg.jpg");
    background-size: cover;
    background-position: center center;
    z-index: 10;
    position: relative;
}
#hr-3{
    background-image: url("images/dot-pattern.png");
    background-size: cover;
    background-position: 0 30px;
    background-repeat: repeat-x;
    width: 100%;
    text-align: center;
    min-height: 520px;
    height: auto;
    padding-top: 30px;
}
#hr-3 .col-md-8{
    display: flex;
    flex-direction: column;
}
#hr-3 h2{
    color: #006fba;
    font-style: italic;
}
#hr-3 p{
    margin: 20px 0;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    font-size: 16px;
}
#hr-3 img{
    margin-left: auto;
    margin-right: auto;
}
#hr-4, #cr-2 {
    background-image: url("images/cta-bkg.jpg");
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 530px;
    height: auto;
    display: flex;
    position: relative;
    z-index: 10
}
#hr-4 .col-md-4, #cr-2 .col-md-4{
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1000;
    position: relative;
}
#hr-4 h2, #cr-2 h2{
    color: #006fba;
    font-size: 45px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 20px;
}
#hr-4 p, #Cr-4 p{
    font-size: 16px;
    margin: 20px 0;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
}
#hr-4 #mc-embedded-subscribe, #cr-2 #mc-embedded-subscribe{
    background: #464646;
    font-size: 20px;
}
#hr-4 .clear, #cr-2 .clear{
    display: flex;
    padding-right: 10px;
}
#hr-4 .clear #mc-embedded-subscribe.button, #cr-2 .clear #mc-embedded-subscribe.button{
    margin-left: auto !important;
}
#cta-left{
    margin: auto;
}
#hr-4-overlay, #cr-2-overlay{
    background-image: url("images/cta-pattern.png");
    background-size: cover;
    background-position: left top;
    min-height: 530px;
    width: 100%;
    position: absolute;
    z-index: 100;
}
#homeSignupModal{

}
#homeSignupModal .modal-dialog, #contactSignupModal .modal-dialog{
    margin-top: 150px;
    background: #006fba;
    width: 20%;
    min-height: 250px;
}
#homeSignupModal .modal-dialog form input, #contactSignupModal .modal-dialog form input{
    display: block;
}
/*
*   ABOUT
*********************************/
#ar-1{
    background-image: url("images/about-header.jpg");
    height: 100vh;
}
div#ar-1.main-header-background{
    background-position: 0 0 !important;
}
#about-header-content{
    margin-top: 145px;
    background: rgba(0,0,0, 0.5);
    padding: 15px 20px;
    min-height: 350px;
    height: 60vh;
}
#about-header-content h1, #about-header-content p{
    color: #ffffff;
}
#about-header-content h1{
    font-family: "Robot Bold Italic", Arial, sans-serif ;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 10px;
}
#about-header-content p{
    font-family: "Roboto Slab Regular", "Times New Roman", sans-serif;
    font-size: 16px;
    margin: 10px 0;
}
#about-header-content a button{
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 500;
    background: #cadb2f;
    color: #40434b;
    border: 1px solid #ffffff;
    font-size: 22px;
    margin-top: 25px;
}
#ar-2{
    background-image: url('images/coaches-background-pattern.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    display: flex;
}
.about-coach{
    height: 100%;
    display: flex;
}
.about-coach .col-md-3{
    margin-top: auto;
}
.about-coach img{
    height: 80vh;

}
#coach-info{
    display: flex;
}
#coach-main-info{
    margin-top: auto;
    margin-bottom: auto;
}
#coach-info{
    background: #006fba;
    -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    min-height: 650px;
    color: #ffffff;
}
#coach-info h2{
    color: #ffffff;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 2.5em;
    text-transform: uppercase;
}
#coach-info p{
    font-family: "Roboto Slab Regular", serif;
    font-size: 1.2em;
}

/*
*    INSPIRE
**********************************/
#ir-1{
    background-image: url("images/inspire-bkg.jpg");
    height: 450px;
}
.page-title{
    margin: auto;
    background: rgba(0,0,0, 0.3);
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 10px 40px;
    transform: skew(-15deg, 0deg) ;
    -webkit-transform: skew(-15deg, 0deg) ;
    -moz-transform: skew(-15deg, 0deg) ;
    -o-transform: skew(-15deg, 0deg) ;
    -ms-transform: skew(-15deg, 0deg) ;
}
.page-title h1{
    color: #ffffff;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 400;
    font-size: 55px;
    padding: 20px;
    transform: skew(15deg, 0deg) ;
    -webkit-transform: skew(15deg, 0deg) ;
    -moz-transform: skew(15deg, 0deg) ;
    -o-transform: skew(15deg, 0deg) ;
    -ms-transform: skew(15deg, 0deg) ;
}

/*.page-title:after {
    background: transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;

    transform-origin: 100%;
    z-index: -1;
}*/
#ir-2{
    position: relative;
    min-height: 500px;
    padding: 30px 0;
}


/*
*   MOVE
*********************************/
#mr-1{
    background-image: url("images/move-header.jpg");
    height: 450px;
}
#mr-2{
    position: relative;
    min-height: 500px;
    padding: 30px 0;
}


/*
*   TRAVEL
*********************************/

#tr-1{
    background-image: url("images/travel-header.jpg");
    background-position: center center;
    height: 450px;
}
#tr-2{
    position: relative;
    min-height: 500px;
}
#navbar-shop{
    z-index: 100000000;
}
#filter-categories{
    display: flex;
    flex-direction: row;
    margin: 50px 0 70px;
}
#filter-categories li.pipe{
    font-size: 18px;
}
.travel-filter-option, .eat-filter-option{
    padding: 0 20px;
    font-size: 20px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 400;
    height: 24px;
    cursor: pointer;
}
.filter-option-border{
    border-right: 1px solid #000000;
}
#category-list{
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    display: flex;
    flex-direction: row;
}
.selected{
    background: #dee993;
}
#result-container h3{
    margin-top: 0px;
}
#search{
    margin-left: 155px;
}
#hotel-search-form, #airport-search-form, #restaurant-search-form{
    background: #e3e3e3;
    padding: 30px 15px 0;
    position: relative;
}
#hotel-search-form form, #airport-search-form form, #restaurant-search-form form{
    display: flex;
    flex-direction: column;
}
#hotel-search-form input, #airport-search-form input, #restaurant-search-form input{
    margin-bottom: 15px;
    width: 100%;
}
.restaurant-info .fa-check{
    color: #cadb2f;
}
.restaurant-info .fa-times{
    color: #ff0000;
}
#search-header{
    background: #006fba;
    padding: 2px 15px;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    margin-top: 0;
    color: #ffffff;
}
#hotel-search-form input.hotel-search-submit, #airport-search-form input.airport-search-submit, #restaurant-search-form input.restaurant-search-submit{
    width: 50%;
    background:  #006fba;
    color: #ffffff;
    align-self: flex-end;
    border: 0px solid #fff;
}
ul.wpv-loop{
    border-bottom: 2px solid #006fba;
    padding-left: 0;
    margin-left: 20px;
    list-style-type: none;
}
ul.wpv-loop li:nth-child(odd){
    background: #f7f8f6;
}
.airport-result, .hotel-result, .restaurant-result{
    border-top: 2px solid #006fba;
    padding: 15px 0 ;
    margin: 0;
}
.airport-result h3, .hotel-info h3, .restaurant-result h3{
    font-size: 18px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
}
.airport-result h3, .airport-result p, .hotel-result h3, .hotel-result p, .restaurant-result h3, .restaurant-result p{
    margin-top: 0;
}
.airport-result a,.hotel-result a, .restaurant-result a{
    display: flex;

    color:  #221f1f;
    text-decoration: none;
}
.airport-info, .hotel-info, .restaurant-info{
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}
.airport-info p, .hotel-info p, .restaurant-info p{
    font-family: "Roboto Slab Regular", Arial, sans-serif;
}
.airport-result-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.airport-result-top {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 400;
}
/*.result-left{
    width: 90%;
    padding: 10px;
}
.result-right{
    width: 10%;
    display: flex;
    background: #006fba;
}*/
.result-right:hover{
    background: #9f005b;
}
.result-right button{
    margin: auto;
    background: transparent;
    border: 0px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
}
#result-container{
    display: flex;
    flex-direction: column;
    min-height: 200px;
    height: auto;
}
#loading-gif{
    top: 10%;
    left: 10%;
    position: relative;
}
.airport-featured-image, .hotel-featured-image, .restaurant-featured-image{
    width: 150px;
}

.hotel-info{
    padding-left: 15px;
}
.hotel-info h3{

}


/*Travel-Sleep*/

.topics{
    background: #e3e3e3;
    padding: 15px 10px;
    position: relative;
}
.topics h3{
    margin-top: 0;
    font-size: 18px;
    border-bottom: 1px solid #006fba;
}
.topics ul{
    padding-left: 10px;
    list-style-type: none;
}
.topics a{
    color: #221f1f;
}
#travel .topics a:hover{
    color: #006fba;
    text-decoration: none;
}
#eat .topics a:hover{
    color: #9f005b;
    text-decoration: none;
}
#move .topics a:hover{
    color: #f0533f;
    text-decoration: none;
}
#inspire .topics a:hover{
    color: #cadb2f;
    text-decoration: none;
}
#post-featured-bg{
    min-height: 230px;
    background-size: cover;
    background-position: center center;
}
.post-hr{
    border: 2px solid #006fba;
    margin-top: 5px;
    margin-bottom: 5px;
}

.custom-post h1, .custom-post p{
    font-size: 18px;
    color: #221f1f;
    margin-top: 10px;
}
.custom-post p{
    font-size: 14px;
    margin:0 0 2px;

}
#travel-results{
    padding-bottom: 30px;
}
#travel-results .custom-post{
    margin-bottom: 20px;
}

/*
*   EAT
*********************************/

#er-1{
    background-image: url("images/eat-header.jpg");

}
#er-2{
    position: relative;
    min-height: 500px;
}
#eat-post-select, #eat-restaurant-select{
    border-right: 1px solid #000;
}
/*
*     CONTACT
*********************************/
#cr-1{
    background-image: url("images/contact-main-bkg.jpg");
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    display: flex;
    background-attachment: fixed;
}
body.logged-in #contact-overlay{
    top: 30px;
}
#contact-overlay{
    background: rgba(46,46,48, .4);
    position: absolute;
    height: 100vh;
    width: 60%;
    right: 0;
    top: 0;
    -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
}

#contact-header-form{
    margin-top: auto;
    margin-bottom: auto;
}
#contact-header-form h4, #contact-header-form h3, #contact-header-form h2{
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 5px;
}
#contact-header-form h4{
    font-size: 17px;
    font-family: "Roboto Slab Light", "Times New Roman", serif;
}
#contact-header-form h3{
    font-size: 31px;
    font-family: "Roboto Slab Bold", "Times New Roman", serif;

}
#contact-header-form h2{
    font-size: 47px;
    font-family: "Roboto Slab Bold", "Times New Roman", serif;
    padding-left: 2px;
    margin-bottom: 20px;

}
#main-contact-form input, #main-contact-form textarea{
    width: 100%;
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom:10px;
    border-radius: 5px;
    padding: 10px;
    font-family: "Roboto Slab Regular", "Times New Roman", serif;
}
#main-contact-form input[type="submit"]{
    background: #cadb2f;
    color: #40434b;
    font-family: "Gotham-MediumItalic", arial, sans-serif;
    font-size: 22px;
    font-style: italic;
}
/*
*   SHOP
**********************************/
#sr-1{
    background-image: url("images/shop-header-bkg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 450px;
    position:relative;
}
#sr-2{
    padding: 30px 0;
    min-height: 600px;
    height: auto;
}
#shop-single-sidebar h2.module-heading{
    font-size: 20px !important;
    margin-top: 25px;
}
#shop .product{
    background: #363636;
    display: flex;
    flex-direction: column;


}
.product>a{
    padding: 0 15px;
    color: #ffffff;
}
.product .atc-bkg{
    /*display: none;*/
    visibility: hidden;
    height: 0;
}
.product:hover .atc-bkg{
    display: flex;
    color: #ffffff;
    justify-content: space-between;
    transition: visibility 1s ease, height .3s ease;
    height: 35px;
    visibility: visible;
}
.product:hover .atc-bkg a{
    transition: visibility 1.5s ease, height .6s ease;
}
#shop .product.product_cat-gear:hover{
    transition: background-color 0.2s ease;
    background-color: #006fba;
}
#shop .product.product_cat-recipes:hover{
    transition: background-color 0.2s ease;
    background-color:#cadb2f;
}
#shop .product.product_cat-workouts:hover{
    transition: background-color 0.2s ease;
    background-color: #f0533f;
}
#shop .product.product_cat-misc:hover{
    transition: background-color 0.2s ease;
    background-color: #9f005b;
}
.woocommerce #shop ul.products li.product .price{
    color: #ffffff;
    margin-top: 10px;
}
.product-top-info{
    display: flex;
    justify-content: space-between;
}
.product-top-info h3{
    font-size: 18px !important;
}

.product-li span{
    padding-top: 10px;
    padding-right: 0;
}
.woocommerce a.button{
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 0;
}
.woocommerce ul.products li.product .button{
    margin-top: 0;
}
.woocommerce ul.products li.product .button{
    width: 46%;
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
    margin: 5px;
    border-radius: 20px;
    padding: 5px 10px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
}
.product-li:hover .add_to_cart_button{
    display: flex;
}
.quick-view{
    margin: auto;
    border-left: 1px solid #fff;
    padding-left: 15px;
    color: #ffffff;
    font-size: 12px;
}
.product .wp-post-image{
    width: 100%;
    height: 200px;
}
.woocommerce .products ul, .woocommerce ul.products{
    position: relative;
    width: 100%;
    top: 70px;
}

#menu-product-categories{
    display: flex;
    width: 100%;
}
#menu-product-categories.nav{
    display: flex;
    flex-direction: row;
    margin: auto;
    justify-content: center;
}
#menu-product-categories.nav li a{
    color: #585858;
    font-weight: 400;
    padding: 0 30px;
    font-style: normal;
}
.shop-menu-border{
    border-right: 1px solid #585858;
}
#shop-single{
    padding-top: 100px;
}
#shop-single .product_title.entry-title{
    font-family: "Gotham-BoldItalic", arial, sans-serif;
}
#shop-single .woocommerce-Price-amount.amount{
    font-family: "Gotham-BookItalic", arial, sans-serif;
    font-style: italic;
    color: #000000;
}
#shop-single div[itemprop="description"] p{
    color: #959595;
    font-family: "Roboto Slab Regular", "Times New Roman", serif;
}
#shop-single .product_category_title{
    display: none;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images{
    width: 55%;
}
.woocommerce div.product div.images img{
    max-height: 350px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary{
    width: 40%;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
    width: 100%;
    background: #006fba;
    padding: 10px;
    font-size: 24px;
}
#shop-single .product_meta{
    margin: 25px 0;
    border-bottom: 1px solid #959595;
    padding-bottom: 15px;
}
#shop-single .product_meta .posted_in{
    font-family: "Gotham-BookItalic", arial, sans-serif;
    font-style: italic;
}
#shop-single .product_meta .posted_in a{
    text-transform: uppercase;
    font-size: 24px;
    font-family: "Gotham-BoldItalic", arial, sans-serif;
    color: #000000 !important;
    margin-top: 20px;
}
#shop-single .stock{
    display: none;
}
/*
*  AIRPORT SINGLE, HOTEL SINGLE,
*  RESTAURANT SINGLE
*********************************/
#airport-single-info, #hotel-single-info, #restaurant-single-info{
    padding: 30px 0;
}
h1#airport-single-title, h1#hotel-single-title, h1#restaurant-single-title{
    margin-top: 0;
    font-size: 30px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 700;
}
h3#airport-single-city{
    margin-top: 10px;
    font-size: 20px;
}
#airport-single-info .fa-check,
#hotel-single-info .fa-check,
#restaurant-single-info .fa-check{
    font-size: 20px;
    color: #c9db2e;
}

#airport-single-info .fa-times,
#hotel-single-info .fa-times,
#restaurant-single-info .fa-times{
    font-size: 20px;
    color: #ff0000;
}
#airport-single-meal-options, #hotel-room-service, #good-restaurant-options{
    margin-top: 30px;
}
#airport-single-gyms, #hotel-single-gyms, #better-restaurant-options{
    margin-bottom: 30px;
}
button.airport-map, #hotel-web-address button, #menu-web-address button{
    width: 100%;
    font-size: 20px;
    padding: 15px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 500;
}
.terminal-restaurants{
    margin-bottom: 20px;
}
.terminal-restaurants:hover, .room-service-items:hover{
    background: #f7f8f6;
}
.terminal-restaurants h3, .terminal-restaurants p{
    color: #101010;
}
.terminal-restaurant-name{
    margin-top: 0;
}
.single-featured-image{
    height: 350px;
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
#hotel-single_room-service-options h3.item-name, .terminal-restaurant-name, .restaurant-menu-item .item-name{
    font-size: 1.5em;
    margin-top: 0;
}
.fit-approved{
    color: #006fba;
    margin-top: 0;
    font-size: 1.3em;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 700;
}
.fit-approved-down-arrow{
    color: #4b4b4b;
    border: 3px solid #c9db2e;
    padding: 1px 0px 1px 2px;
    border-radius: 5px;
}
#restaurant-single-info .better-menu-item .fa-check{
    color: #c5b358;
    border: 2px solid #c5b358;
    border-radius: 5px;
    font-size: 14px;
    padding: 1px 0 1px 1px;
}
#restaurant-single-desc{
    font-family: "Roboto Slab Regular", Arial, sans-serif;
}
#good-restaurant-options, #better-restaurant-options, .item-name{
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 400;
}
#restaurant-menu-items{
    margin-top: 40px;
}
#restaurant-menu-items h2{
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 700;
}
/*
*    SINGLE POST
**********************************/
#single-post{
    padding-top: 30px;
}
#single-post-header{
    display: flex;
    position:relative;
}
.single-post-date{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}
.single-post-date span{
    margin-top: auto;
    margin-bottom: auto;
}
.single-post-month{
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
}
.single-post-day{
    font-size: 24px;
    border: 4px solid #c7df52;
    border-radius: 10px;
    padding: 5px;
}
#single-post-title{
    width: 100%;
    text-align: center;
}
.single-post-featured-image{
    background-size: cover;
    height: 400px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
}
/*
* FOOTER
**********************************/
footer{
    background: #555555;
    padding: 20px 0;
}
#fwidgets{
    color: #ffffff;
}
#footer-logo{
    max-height: 40px;
    margin-bottom: 20px;
}
#fwidgets a, #fwidgets p{
    color: #ffffff;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    font-size: 12px;
}
#fwidgets h2{
    font-size: 20px;
    color: #ffffff;
    font-style: italic;
    margin-top: 0;
}
#fwidgets span {
    position: relative;
    height: 10px;
}
.hr-footer{
    border: 1px solid #ffffff;
    width: 100px;
    position: absolute;
    left: 00px;
    margin: 0;
    padding: 0;
}
#fwidgets ul{
    list-style: none;
    margin-left: -40px;
}
#fw-1, #fw-2, #fw-3, #fw-4{
    display: flex;
}
#fwidgets .center{
    margin-left: auto;
    margin-right: auto;
}
#fw-2 .widget, #fw-3 .widget, #fw-4 .widget{
    margin-top: 20px;
}
#fw-2 .module-heading{
    display: none;

}
#fw-3 .attachment-shop_thumbnail{
    height: 50px;
    width: 50px;
}
#fw-4 li a{
    text-transform: lowercase;
}
/* ----------- Non-Retina Screens ----------- */
/* ----------- Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1){
}

@media screen
and (min-width: 1025px)
and (max-width: 1300px) {
    #about-header-content{
        margin-top: 130px;
        height: 70vh;
    }
    #about-header-content h1{
        margin-bottom: 15px;
    }
    #main-contact-form input, #main-contact-form textarea{
        padding: 5px;
        margin-bottom: 5px;
    }
}

/* ----------- Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {
}
@media screen
and (min-width: 1025px)
and (max-width: 1200px){
    .single-post-featured-image{
        height: 350px;
    }
}
@media screen
and (min-width: 1025px)
and (max-width: 1150px){
    #tr-1, #sr-1, #mr-1, #ir-1{
        max-height: 375px;
    }
}
/* TABLETS */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (max-height: 690px){
    #about-header-content{
        margin-top: 130px;
        height: 70vh;
    }
    #about-header-content h1{
        margin-bottom: 20px;
    }
    #about-header-content p{
        font-size: 14px;
    }
    .single-post-featured-image{
        height: 300px;
    }
}
/* TABLETS */
@media only screen
and (min-width: 768px)
and (max-width: 1024px){
    div#main-header.gray-bkg{
        height: 70px;
    }
    #logo{
        max-height: 55px;
    }
    #logo-dark{
        max-height: 40px;
        left: 10%;
    }
    .navbar-top #menu-inner-menu.nav>li>a{
        font-size: 14px;
        padding: 0 10px;
    }
    #menu-shop-menu{
        right: 5%;
    }
    #menu-shop-menu.nav>li>a{
        padding: 0 5px;
        font-size: 14px;

    }
    #menu-item-36 a img{
        max-height: 16px;
    }
    #hr-1{
        background-attachment: scroll;
        background-position: center center !important;
    }
    .single-post-featured-image{
        height: 300px;
    }
    #tr-1, #sr-1,  #mr-1, #ir-1{
        max-height: 350px;
    }
    #sr-1 .page-title h1{
        font-size: 40px;
    }
    #sr-1 .page-title{
        width: 85%;
        text-align: center;
    }
    .topics h3{
        font-size: 16px;
    }
    .about-coach img{
        height: 60vh;
        margin-top: auto;
        position: absolute;
        bottom: 0;
    }
    #footer-logo{
        max-height: 40px;
    }
    #fwidgets ul{
        margin-left: 0;
        padding-left: 0;

     }

}
/* Portrait */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: landscape) {
    #cr-1{
        background-attachment: scroll;
        background-position: center center !important;
    }
    #contact-header-form h3{
        font-size: 25px;
    }
    #contact-header-form h2{
        font-size: 27px;
    }
}
/* Portrait */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: portrait) {
    #ar-1, #cr-1{
        background-attachment: scroll;
        background-position: left center !important;
    }
    #ar-2{
        height: 70vh;
    }

    #hr-4, #hr-4-overlay, #cr-2, #cr-2-overlay{
        min-height: 330px;
    }
    #hr-4 h2, #cr-2 h2{
        font-size: 35px;
    }
}
@media only screen
and (min-width: 320px)
and (max-width: 767px){
    #wpadminbar{
        position: fixed;
        top: 0;
    }
    #main-header{
        height: 60px !important;
    }
    #main-content{
        padding-top: 60px ;
    }
    #logo{
        max-height: 45px;
    }
    body.home #logo-dark{
        left: 5%;
    }
    #logo-dark {
        max-height: 40px;
        left: 2%;
        display: flex;
        width: auto;
    }
    body.home .navbar, body.page-id-17 .navbar{
        position: relative;
        top: 0;
        left:0;
        width:auto;
        background: transparent;
        margin-bottom: 0;
    }
    .navbar-mobile{
        position: absolute !important;
        top: 0 !important;
        right: 0;
        width: 100% !important;
    }
    .navbar-nav{
        margin: 0 !important;
    }
    #menu-wrapper {
        width: 100%;
        max-height: 35px;
        min-height: 30px;
        top: 0;
        right: 0;
        height: 100%;
    }
    #nav-toggle{
        top: 8px;
        right: 10px;
        position: relative;
        z-index: 100000000;
    }
    .navbar-toggle{
        margin: 0;
        padding: 0;
    }
    #nav-toggle .fa-bars{
        font-size: 40px;
        color: #ffffff;
    }
    #navbar-inner{
        z-index: 100000;
        height: auto;
    }
    #navbar-mobile-inner{
        position:absolute;
        margin: 0;
        width: 100%;
        left: 0;
        top: 58px;
        background: #006fba;
        padding: 15px;
    }

    #menu-menu-1.nav{
        padding-right: 0;
        padding-top: 35px;
        float: none;
        background-color: #cccccc;
    }
    #menu-menu-1.nav li{
        display: block;
        height: auto;
        width: 100%;  /* (100 / numItems)% */
        line-height: 20px;
        text-align: center;
        white-space: nowrap;
    }
    #menu-menu-1.nav li a{
        font-size: 20px;
    }
    #menu-wrapper.container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .nav>li>a{
        font-size: 20px;
    }
    .nav>li{
        margin-bottom: 10px;
    }
    .dropdown-menu{
        width: 100%;
    }
    .dropdown-menu li a{
        color: #ffffff;
        font-size: 16px;
    }
    #main-content{
        padding-top: 70px;
    }
    #hr-1, #ir-1, #tr-1, #cr-1, #mr-1, #er-1{
        background-attachment: scroll;
        background-position: center center !important;
    }
    #hr-1 .row{
        height: 100%;
    }
    #hr-1-info{
        padding: 70px 15px 0;
        margin-top: 0;
        margin-left: 0;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    #hr-2{
        margin-top: 0;
    }
    #hr-2 .row{
        flex-direction: column;
        min-height: 250px;
        height: auto;
    }
    #h2-travel, #h2-inspire, #h2-eat, #h2-move{
        height: 175px;
    }
    .hero-colors-hover{
        display: block;
        margin-top: 50px;
    }
    .hero-colors-hover a{
        margin-top: 0;
    }
    .hero-colors h2{
        margin-top: 30px;
    }
    #hr-3{
        height: 490px;
    }
    #cta-left{
        text-align: center;
        display: flex;
        flex-direction: column
    }
    #cta-left button{
        margin: auto;
        width: 60%;
    }
    #homeSignupModal .modal-dialog{
        margin-top: 150px;
        background: #006fba;
        width: 80%;
        min-height: 250px;
    }
    .page-title{
        padding: 5px 20px;
    }
    .page-title h1{
        font-size: 30px;
        padding-top: 0;
    }
    #shop .page-title{
        padding: 5px 10px;
        width: 85%;
    }

    #about-header-content{
        margin-top: 0;
        padding: 70px 15px 30px;
        height: 100vh;
        overflow: scroll;
    }
    #about-header-content h1{
        font-size: 26px;
    }


    #filter-categories{
        margin: 30px -5px 40px;

    }

    #category-list{
        flex-wrap: wrap;
        padding-left: 0;
    }
    #category-list li{
        font-size: 15px;
    }
    .travel-filter-option, .eat-filter-option{
        padding:  5px;
    }
    .result-left{
        width: 70%;
    }
    .result-right{
        width: 30%;
    }
    .pipe{
        font-size: 24px;
    }
    #search{
        margin-left: 0;
        width: 100%;
    }
    #travel-search{
        margin: 10px -15px
    }
    #single-post-header{
        padding: 0 20px;
    }
    #single-post-title h1{
        font-size: 22px;
    }
    #single-post-title h4{
        font-size: 14px;
    }
    .single-post-day{
        font-size: 14px;
    }
    .single-post-featured-image{
        height: 200px;
    }
    #tr-1, #sr-1,  #mr-1, #ir-1, #er-1{
        max-height: 250px;
        background-position: center center !important;
    }
    #hotel-search-form{
        margin-bottom: 15px;
    }
    ul.wpv-loop{
        margin-left: 0;
    }
    #ar-2{
        height: auto;

        background-size: contain;
    }
    .airport-result h3, .hotel-info h3, .restaurant-result h3{
        font-size: 16px;
    }
    .airport-featured-image, .hotel-featured-image, .restaurant-featured-image{
        padding-left: 15px;
    }
    .airport-result a, .hotel-result a, .restaurant-result a{
        flex-direction: column;
    }
    #airport-single-info, #hotel-single-info, #restaurant-single-info{
        padding: 0 0 30px;
    }
    h1#airport-single-title, h1#hotel-single-title, h1#restaurant-single-title{
        margin-top: 20px;
    }
    .single-featured-image{
        height: 150px;
    }
    .airport-result-top{
        flex-direction: column;
    }
    #coach-info{
        -webkit-clip-path: none;
        clip-path: none;
        background: transparent;
    }
    #coach-info h2{
        font-size: 26px;
        -webkit-clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
        clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
        background: #006fba;
        width: 90%;
        position: relative;
        left: -15px;
        padding: 5px 30px 5px 15px;
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-style: italic;
        font-weight: 700;
    }
    .about-coach img{
        display: inline;
        height: 200px;
    }
    .about-coach p{
        display: inline;
        color: #212121;
    }
    #travel-results .col-sm-9{
        padding-left: 0;
        padding-right: 0;
    }
    #menu-product-categories.nav{
        flex-wrap: wrap;
    }
    #menu-product-categories.nav li a{
        padding: 0 15px;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
    .woocommerce-page div.product div.summary{
        width: 100%;
    }
    .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img{
        float: none;
    }
    #fwidgets ul{
        margin-left: 0;
    }
    #fwidgets .center{
        margin-left: 0;
        margin-right: 0;
    }

}
/* Portrait and Landscape */
/*@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
{


}*/

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (orientation: landscape) {

}