/*
Theme Name: Iconic Health Clubs Theme
Theme URI: http://www.base2digital.com/
Author: Base2Digital
Author URI: http://www.base2digital.com/
Description: Iconic Health Clubs Theme
Version: 1.0
*/
/* ==== Fonts ====*/
@import url('fonts/opensans-regular/stylesheet.css');
@import url('fonts/opensans-light/stylesheet.css');

/* == GLOBAL STYLES == */

body,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;font-family:'Open Sans', sans-serif;}
body{padding-bottom:0px;width:100%;float:left;overflow-x:hidden;}
a:focus,button:focus{outline: none !important;}
a.btn{ color:#FFF;background-color:#0182af;border:1px solid #00566f;border-radius:0;padding:10px 20px;margin-top:8px;font-size:16px;}
a.btn:hover { color:#ffd300;}

h1{font-size:35px;color:#06a4de;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;margin:0 0 12px;}
h2{font-size:30px;color:#06a4de;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;margin:0 0 12px;}

/* == ICONS == */

.icons{background-image:url('images/iconic-icons.png');position:relative;display:inline-block;}
.icon-mobile{background-position: -90px -17px;height: 27px;width: 15px;vertical-align: middle;}
.icon-email{background-position: -133px -15px;height: 24px;width: 22px;vertical-align: bottom;}

.icon-weightloss{ background-position: -16px -7px; height: 36px; width: 32px;}
.icon-fitness{ background-position: -16px -63px; height: 36px;width: 32px;}
.icon-training{background-position: -16px -113px; height: 36px;width: 32px;}
.icon-nutrition{background-position: -16px -169px; height: 36px;width: 32px;}
.icon-health{background-position: -16px -222px; height: 36px;width: 32px;}

.icon-career{background-position: -83px -66px;
    height: 42px;vertical-align: bottom;
    width: 38px;}

.icon-video
{
    background-position: -184px -17px;
    height: 26px;
    vertical-align: bottom;
    width: 27px;
}

/* == HEADER == */

.header{width:100%;float:left;padding:20px 0;}

.upper_nav{width:100%;float:left;text-align: right;padding-top:5px;}
.upper_nav ul{display:inline-block;padding: 0;margin:0;list-style:none;}
.upper_nav ul li{display:inline-block;padding: 0;margin:0;list-style:none;}
.upper_nav ul li a{color:#707075;font-size:13px;padding:0 15px;}
.upper_nav ul li:last-child a{padding-right:0;}

#lower_nav {margin-top: 20px;float: right;clear: both;}
#lower_nav ul { list-style:none;}
#lower_nav li {float:left; border-right:1px solid #717075;}
#lower_nav li:last-child{border:0;}
#lower_nav li:last-child a{padding-right:0;}
#lower_nav li a{color:#02a5e0;font-size:14px;text-transform: uppercase;padding:0px 16px 0 0;margin:0 0 0 16px;}

#lower_nav select { display: none;}


.menu-item-has-children:hover .sub-menu{display:block !important;left:0 !important;}
.sub-menu li a{padding:5px 15px !important;}
.current-menu-item a{color:#000 !important;}
#bs-example-navbar-collapse-1{overflow-x: hidden;}

.sub-menu > li{border:0 !important;}


/* == SLIDER == */

.slider{width:100%;float:left;}
.slider img{width:100%;}

/* == THREE OPTIONS == */

.three_options{width:100%;float:left;background-color:#06a4de;padding:60px 0;}
.three_options ul{margin:0;padding:0;list-style:none;}
.three_options ul li{background-image:url('images/Tick Box 1.png');background-repeat: no-repeat;background-size:75px 75px;min-height: 75px;}
.three_options ul{width:90%;margin-left:5%;}
.three_options ul li .info{padding-left:80px;color:#FFF;}
.three_options ul li .info h3{color:#FFF;font-size:20px;font-family:'Open Sans', sans-serif; font-weight:300;text-transform: uppercase;}
.three_options ul li .info button{color:#FFF;background-color:#0182af;border:1px solid #00566f;border-radius:0;padding:10px 20px;margin-top:8px;font-size:16px;}

/* == WELCOME TEXT == */

.welcome_text{padding:50px 0;clear:both;}
.welcome_text h1{font-size:35px;color:#707070;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;}
.welcome_text .info_text {margin-top:40px;border-right:1px solid #999999; padding-right:24px;}
.welcome_text p{color:#999999;font-size:16px;margin-bottom:20px;padding-right:15px;}
.welcome_text h2{font-size:30px;color:#06a4de;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;margin:0 0 12px;}


.welcome_text .welcome_text_features{margin-top:40px;padding-left:24px;}

ul.checklist {list-style:none;padding:0;margin:0;}
ul.checklist li {
	color:#02a5e0;
	font-size: 34px;
	line-height:110%;
	text-transform: uppercase;
	margin-bottom:14px;
	padding: 0px 0px 0px 36px;
	display: block;
	position: relative;
}
ul.checklist li:before {
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top:1px;
	font-size:65%;
	content: '\f058';
}





/* == OUR CLUBS == */



/* == THREE OPTIONS == */
.our_clubs{width:100%;float:left;background-color:#06a4de;padding:35px 0 40px;}
.our_clubs h2{font-size:30px;color:#FFF;text-align:center;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;}
.our_clubs ul{list-style:none;padding:0;margin:0;margin-top:20px;text-align:center;}
.our_clubs ul li{display: inline-block;margin:0 45px;}

/* == INDUSTRY NEWS == */

.industry_news{width:100%;float:left;padding:35px 0;}
.industry_news h2{font-size:30px;color:#06a4de;text-align:center;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;}

.industry_news ul{width:100%;float:left;margin:0;padding: 0;padding:25px 0 10px;list-style:none;}
.industry_news ul li img{width:100%;height:auto;}
.industry_news ul li .news_information{background:#6f6f73;padding:15px;border-top:4px solid #06a4de;color:#FFF;}
.industry_news ul li .news_information{background:#6f6f73;padding:15px;border-top:4px solid #06a4de;color:#FFF;}
.industry_news ul li .news_information h5{font-size:20px;text-transform: uppercase;color:#FFF;font-family:'Open Sans', sans-serif; font-weight:300;}
.industry_news ul li .news_information p{font-size:14px;color:#FFF;font-family:'Open Sans', sans-serif;line-height:22px;margin-top:5px;}
.industry_news ul li .news_information .btn-news{padding:4px 10px;color:#FFF;background-color:#06a4de;border-radius:0;margin-top:8px;}

.industry_news img{width:100%;height:auto;}
.industry_news .news_information{background:#6f6f73;padding:15px;border-top:4px solid #06a4de;color:#FFF;}
.industry_news .news_information{background:#6f6f73;padding:15px;border-top:4px solid #06a4de;color:#FFF;}
.industry_news .news_information h5{font-size:20px;text-transform: uppercase;color:#FFF;font-family:'Open Sans', sans-serif; font-weight:300;}
.industry_news .news_information p{font-size:14px;color:#FFF;font-family:'Open Sans', sans-serif;line-height:22px;margin-top:5px;}
.industry_news .news_information .btn-news{padding:4px 10px;color:#FFF;background-color:#06a4de;border-radius:0;margin-top:8px;}

/* == ICONIC == */

.careers{width:100%;float:left;padding:45px 0 ;background-color:#06a4de;}
.careers h2{color:#FFF;font-size:32px;font-family:"open_sanslight";text-transform: uppercase;}
.careers p{color:#FFF;}
.careers .btn-careers{font-size:28px;border-radius:0;padding:7px 25px;background-color:#0182af;border:1px solid #00566f;color:#FFF;}

/* == TEAM == */

.team{width:100%;float:left;padding:35px 0;}
.team h2{font-size:30px;color:#06a4de;text-align:center;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;}
.team .team_members{margin-top:30px;width:100%;float:left;}
.team_member img{width:100%;}
.team_member article > h3{display:none;}

.team_member .team_info {position:relative;background-color:#02a5e0;padding:20px;color:#FFF;}
.team_member .information_text h2{font-size:20px;color:#FFF;font-family:'Open Sans', sans-serif; font-weight:300;text-align: left;}
.team_member .information_text h3{font-size:16px;color:#FFF;font-family:'Open Sans', sans-serif;text-align: left;margin-top:5px;}

.team_info .team_icon{position:absolute; top:20px; right:12px;}

/* == FOOTER == */

.footer{width:100%;float:left;background-color:#262626;padding:40px 0 0px;}
.footer h3{color:#FFF;font-size:18px;line-height:28px;text-transform: uppercase;min-height:28px;}
.footer .footer_ul{padding-left:0;margin:0;padding:0;list-style:none;padding-top:10px;}
.footer .footer_ul li a{color:#b0b6bb;font-size:12px;line-height:22px;}

.footer p{margin-top:10px;color:#b0b6bb;font-size:12px;line-height:22px;}

.copyright{padding:12px 0;width:100%;float:left;background-color:#333333;margin-top:40px;}
.copyright p{margin-top:0;color:#FFF;font-size:14px;}
.copyright a{margin-top:0;color:#FFF;font-size:14px;}
.footer_ul .current-menu-item a{color:#b0b6bb !important;}

.footer_social_media{width:100%;float:left;margin:8px  0;}
.footer_social_media span{font-size:14px;color:#b0b6bb;}
.footer_social_media ul{margin:0;padding:0;display:inline-block;list-style:none;}
.footer_social_media ul li{float:none;display:inline-block;}
.footer_social_media ul li a{color:#b0b6bb;font-size:24px;padding:2px 4px;}

/* == BREADCRUMB == */

.breadcrumb{width:100%;float:left;padding:10px 0;background-color:#f5f5f5;}
.breadcrumb ul{margin:0;padding:0;list-style:none;}
.breadcrumb ul li{float:left;margin-left:5px;}
.breadcrumb ul li a{color:#02a5e0;}
.breadcrumb ul li:first-child a{padding-left:15px;}

/* == CONTENT PAGE == */

.content_container{padding:15px 0 30px;width:100%;float:left;}
.content_container p{color:#999999;font-size:16px;line-height:160%; margin-bottom:20px;}
.content_container ul {color:#999999;font-size:16px;line-height:160%; margin-bottom:20px;}
.entry-title{font-size:35px;color:#000;text-align:left;text-transform:uppercase;font-family:'Open Sans', sans-serif; font-weight:300;padding-bottom:20px;}

/* == News PAGE == */
.page-template-news-page .industry_news {
	padding:0 0 35px;
}

/* Masonry */
#list {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em;
}

.item {
display: inline-block;
margin: 0 0 1em;
width: 100%;
}


/* ====== RESPONSIVE STYLES ====== */

@media(min-width:991px) and (max-width:1169px)
{
    .container{width:98% !important;;padding:0 1% !important;}
    .team_members img{height:auto !important;width:100% !important;}
}

@media(min-width:767px) and (max-width:990px)
{
    .container{width:100% !important;margin:0 auto !important;float:left !important;}
    .logo{text-align: center;}
    .logo img{display:inline-block;}

    .upper_nav{margin-top:10px;width:100%;text-align: center;}
    .lower_inner_nav{text-align: center;}
    .lower_inner_nav li{float:none;display:inline-block;}

    .team .team_members img{height:auto !important;}
    .industry_news img{height:auto !important;}

    .three_options_ul li{padding-left:0 !immportant;padding-top:90px;background-position: 15px 0;}
    .three_options ul li .info{padding-left:0 !important;}
    .three_options ul li .info h3{font-size:17px !important;}

    .lower_inner_nav li a{padding:5px 15px !important;}
    .menu-item-has-children a{float:left;}
    .menu-item-has-children span{position:relative;float:left;height:20px;width:20px;background:url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_arrow_drop_down_48px-20.png');cursor:pointer;margin-top:4px;}
    .sub-menu{visibility: hidden;display:none !important;height:0 !important;}

    .shows{display:block !important;padding:5px 0 !important;visibility: visible !important;height:auto !important;margin-bottom:10px !important;}

    #lower_nav .lower_inner_nav li a{display: flex;}
    .lower_inner_nav{width:100%;float:left;width:100% !important;}
    .lower_inner_nav > li{float:none;display:inline-block;}

}



@media(max-width:990px){
	.upper_nav {margin-bottom:20px;}
	#lower_nav  {float:none;}
	#lower_nav select {display:block; width:100%; padding:6px;}
	#lower_nav ul {display:none;}
	#list {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}

}
@media(max-width:550px)
{
    .container{width:100% !important;margin:0 auto !important;float:left !important;}
    /*header*/
    .logo{width:100%;float:left;text-align: center;}
    .logo img{display:inline-block;width:100px;}
    .lower_nav{margin-top:0;}
    .navbar-brand{padding-left:0;}
    .navbar-brand img{width:100px;margin-top:-15px;}
    .navbar-toggle{margin-right:0;}
    .upper_nav{text-align: center; margin-top: 20px;}
    #bs-example-navbar-collapse-1{margin-top:10px;padding-left:0;padding-right: 0;}

    /*three_options*/

    .three_options_ul li{background:none !important;}
    .three_options ul li .info{padding-left:0;text-align: center;}
    .btn-three_options{margin-bottom:20px;}

    .info_text{border:0 !important;}
    .info_text p{padding-right: 0 !important;}

    .our_clubs a{display:inline-block !important;}
    .our_clubs img{width:100px;height:auto !important;margin-bottom:15px;}
    .our_clubs ul li{margin-bottom:15px;}

    .industry_news li{margin-bottom:10px;}
    .industry_news img{height:auto !important;}
    .careers .btn-careers{margin-top:10px;}

    .lower_inner_nav li a{padding:5px 15px !important;}
    .menu-item-has-children span{position:absolute;right:15px;top:0;height:20px;width:20px;background:url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_arrow_drop_down_48px-20.png');cursor:pointer;}
    .sub-menu{visibility: hidden;display:none !important;height:0 !important;position:relative;width:100%;float:left;padding:0;}

    .shows{display:block !important;padding:5px 0 !important;position:relative;visibility: visible !important;height:auto !important;margin-bottom:10px !important;}

    .team_members img{width:100% !important;height:auto !important;}
    .three_options_ul li{margin-bottom:15px !important;}
	
	#list {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

}
