/* Theme Name: GTR2018 (gtr2018 latest) Description: GTR2018 created to replace/combine gtr_dev and gtr themes and not use theme switcher plugin. Based on gtr_dev code. Version: 1.0 Author: Miramedia */ /* I've also added this to the login.css file just to get out of bother. I don't understand why it is not working. */ #pass1{width: 250px;} body { color: #444; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; font-weight: 600; font-family: 'Open Sans', sans-serif; } h1{margin-bottom:1em;} a:link, a:focus, a { outline: none; } a:hover {color:#F3AB35 !important;text-decoration:none !important; } p:last-child {margin: 0;} .body { width: 100%; overflow-x: hidden; min-height: 500px; } #fb-root {display: none;} a{cursor:pointer !important;-o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;} a:focus{text-decoration:none !important;} button{-o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;} /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 102% !important;} #u_0_1 {display: none!important} input[type=text], input[type=email], input[type=password], textarea, button {-webkit-appearance: none;} input[type="radio"], input[type="checkbox"] {margin-top: 3px;} .safari input[type="radio"], .safari input[type="checkbox"] {padding-left: 3px !important;} .visible-xxs, .visible-mmd {display: none;} .valignout { display: table; width: 100%; height: 100%; table-layout: fixed; } .valignin { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } h1, h2{text-transform: uppercase;font-size: 22px;font-weight: 400;padding-bottom:22px;} #page h1, h2.main-title{margin-bottom: 30px; padding-bottom: 3px; border-bottom: 1px solid #F3AB35;} body.event-listing #page h1{float: left; width: 90%; margin-top: 1px; margin-bottom: 25px;padding-bottom: 13px;} .container.subscribe h2.main-title, .eventsTabs h2.main-title{border-bottom:none; margin-bottom: 0px; padding-bottom: 13px;} h2.underline, h2.underline.large-margin{border-bottom: 1px solid #F3AB35;padding-bottom:3px;} #page{padding-top:75px;} .col-sm-8 .main.column{padding-right:60px;margin-left: 0px; } /* -------------------------------------------------------------- OVERWRITE BOOTSTRAP -------------------------------------------------------------- */ @media (min-width: 768px){ .container { width: 750px; } .main-content { width:620px;} } @media (min-width: 992px){ .container { width: 970px; } } @media (min-width: 1200px){ .container { width: 1180px; } } @media (min-width: 1430px){ .container { width: 1410px; } } .ie678 .container {width: 960px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px; padding-right: 10px; } .row { margin-left: 0px; margin-right: -10px; } footer .tooltip.top{display:none !important;} .tooltip-inner { background: #444; font-size: 12px; } .tooltip.top .tooltip-arrow {border-top-color: #444;} #footer .tooltip-inner { background: #fff; font-size: 12px; color: #444; } #footer .tooltip.top .tooltip-arrow {border-top-color: #fff;} .top-featured-image{margin-bottom:40px;} .col-sm-12{padding:0;} form .col-sm-12{padding-left: 10px;padding-right: 10px;} body.connect-page .panel-top .col-sm-12{padding:0 12px;} #loginform form .noaccount{float: left; width: 100%; margin-top: 20px; padding-left: 0;} #loginform form .noaccount p{float:left;} #loginform form .col-sm-4{padding-left: 0;} /* -------------------------------------------------------------- HEADER -------------------------------------------------------------- */ #header {background-color: #E5E3E3;height:174px;} .adTop { float:left;padding-left:200px;padding: 10px 0 15px; margin: 0 auto; } .adFooter {margin: 0 auto;} .adTop a {display: block;} .head { clear: both; } #logo { float: left; } #logo img {margin-left: -45px;} #logofixed {display: none;} .subs { position: absolute;font-weight: 300;font-size: 12px;width: 240px;right: 0;top: -15px; } .subs img { float: left; margin: 0 10px 0 0; } .gecko .subs img {margin-right: 8px;} .subs p {padding: 14px 0 0 0} .btn { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .btn-primary { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(img/bg/primary.gif); height: 30px; padding: 6px 15px; } .btn-primary-no-border {border-color: #333;} .btn-sec { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; height: 30px; padding: 6px 15px; color: #28383f; border: 1px solid #d0d2d4; } .btn:hover { opacity: 0.85; filter: alpha(opacity=85); } .header-ad{padding-top: 33px;padding-left:75px;float: left;} button.login-btn{float: right;background: #F3AB35;border: none;border-radius: 2px;padding: 12px 40px;color: #fff;text-transform: uppercase;font-size: 13px;font-weight: 600;} button.login-btn a, button.login-btn:hover a, button.login-btn a:hover{color: #fff !important;} button.login-btn:hover, form#loginbox button:hover{background: #ffb554;} button:focus{outline:none !important;} header button.login-btn{margin-top:70px;} .sub-menu {display: none;position:absolute;left:0;right:0;background:#f4f0ef;z-index:999;} nav li:hover > .sub-menu {display: block;} nav.navbar{position: -webkit-sticky} nav.navbar ul.nav ul.sub-menu{height:58px;line-height:58px;} nav.navbar ul.nav ul.sub-menu .container{padding:0;} nav.navbar ul.nav ul.sub-menu{list-style-type:none;padding-left:0;} nav.navbar ul.nav ul.sub-menu li{display: inline-block; float: left;position:relative;padding: 0 10px;} nav.navbar ul.nav ul.sub-menu li:first-child{padding-left:0;} nav.navbar ul.nav ul.sub-menu li a{font-size:16px;color:#444;} nav.navbar ul.nav ul.sub-menu li a:after{content: '';border-left: 1px solid #444;position: absolute;height: 25%;left: 0;top: 36%;} .publications-sub{position: absolute; top: 0; width: 100%; background: rgba(229, 227, 227, 0.9);display:none;padding: 0 0 30px 0;} .publications-sub .col-sm-7{padding-top: 20px;} .publications-sub h3{font-size: 17px; line-height: 22px;-o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;} .publications-sub h3:hover{color: #F3AB35;} .publications-sub{line-height: normal; font-size: 15px;} .publications-sub a{color:#444 !important;} .publications-sub figure img{width:90%;height:auto;} .publications-list article figure img{width:100%;min-height: 272px;} .publications-list article{min-height:330px;} .publications-list article{padding-right:8%;margin-bottom:35px;} .publications-list article:nth-child(6n){padding-right:0;} .publications-list article p.pub-title{background: #444; color: #fff; text-align: left; padding: 8px 10px; font-size: 16px; text-transform: uppercase; font-weight: 600;height: 60px;} .publications-list article figure{border: 1px solid #444;} .publications-list .seemore{width: 100%; float: left;padding: 30px 0 50px 0;} .publications-list .seemore i{font-size: 18px; color: #444;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s;transition:.3s;} .publications-list .seemore i:hover{color:#828181;} nav.navbar ul.nav ul.sub-menu li:first-child a:after{border-left:none;} body.news-category nav.navbar ul.nav ul.sub-menu li:last-child a:after, body.singlepost nav.navbar ul.nav ul.sub-menu li:last-child a:after, body.news-listing nav.navbar ul.nav ul.sub-menu li:last-child a:after{border-left:none;} body.singlepost .main-content{float:none;margin-bottom: 60px; margin-left: 100px;} body.single-magazine .main column{float:none;margin-bottom: 60px; margin-left: 100px;} .navbar-nav>li.current-menu-item ul.sub-menu{display:block !important;} nav.navbar ul.nav ul.sub-menu li.sign-up-news{float:right;} nav.navbar ul.nav ul.sub-menu li.sign-up-news a{color:#F3AB35;} nav.navbar ul.nav ul.sub-menu .container{padding-left: 25px;padding-right: 10px;} .navbar-nav>li.publications .sub-menu{background:transparent;} .navbar-nav>li.publications .sub-menu > .container{display:none;} body.single-news .navbar-nav>li:first-child ul.sub-menu, body.news-category .navbar-nav>li:first-child ul.sub-menu{display:block !important;} body.single-news .navbar-nav>li:first-child>a:after, body.news-category .navbar-nav>li:first-child>a:after{width: 100%; height: 2px; border-bottom: 5px solid #F3AB35; display: block; position: absolute; bottom: 0px; content: ''; left: 0;} body.single-news .navbar-nav>li:first-child>a, body.news-category .navbar-nav>li:first-child>a{color: #F3AB35;} body.single-news.on-the-move figure.main-img img.wp-post-image{width: 140px; height: 160px;} body.single-magazine .navbar-nav li.menu-item-74408 ul.sub-menu{display:block !important;height:0;} body.single-magazine .navbar-nav>li.menu-item-74408>a:after{width: 100%; height: 2px; border-bottom: 5px solid #F3AB35; display: block; position: absolute; bottom: 0px; content: ''; left: 0;} body.single-magazine .navbar-nav>li.menu-item-74408 a, body.single-magazine .navbar-nav li.menu-item-74408 ul.sub-menu li:first-of-type a{color: #F3AB35;} .navbar-nav li.menu-item-74408 ul.sub-menu{height:0 !important;line-height:0 !important;} body.gtr-plus .navbar-nav li.menu-item-74408 ul.sub-menu{display:block !important;} body.gtr-plus .navbar-nav>li.menu-item-74408>a:after{width: 100%; height: 2px; border-bottom: 5px solid #F3AB35; display: block; position: absolute; bottom: 0px; content: ''; left: 0;} body.gtr-plus .navbar-nav>li.menu-item-74408 a, body.gtr-plus .navbar-nav li.menu-item-74408 ul.sub-menu li:nth-of-type(2) a{color: #F3AB35;} body.singlepost li.current-post-ancestor a{color: #F3AB35 !important;} nav.navbar ul.nav ul.sub-menu li.current-menu-item.menu-item-object-category>a{color: #F3AB35;} .sticky{position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0;} .nav-holder{float:left;width:100%;height:58px;} form#loginbox{display:none !important;} .featherlight-content form#loginbox{display:block !important;margin-bottom:0;} form#loginbox{width: 652px; height: 636px; background: #fff; padding: 26px 94px; border: none;} form#loginbox .featherlight-content{background: none; padding: 0;border:none;} form#loginbox h2{text-transform: uppercase; font-size: 35px; font-weight: 700; letter-spacing: -1px; padding-top: 34px;} form#loginbox label{font-weight: 600; text-transform: uppercase;padding-bottom:3px;} form#loginbox .col-sm-12, form#loginbox .col-sm-4{padding: 0;} form#loginbox input.form-control{height: auto; border-radius: 4px; background: #f4f0ef; border-color: #d2d2d2; box-shadow: none;} form#loginbox a{font-size: 13px; color: #2999fd; font-weight: 600;} form#loginbox label[for=rememberme]{font-weight: 400; font-size: 13px; text-transform: none; line-height: 18px;} form#loginbox input#rememberme{transform: translateY(2px);} form#loginbox button, .mepr-login-form-wrap .submit input{float: left; background: #F3AB35; border: none; border-radius: 2px; padding: 12px 40px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; min-width: 136px; text-align: center;} form#loginbox p{font-size: 13px;} form#loginbox p.noaccount a{text-transform:uppercase;} form#loginbox .col-sm-12.sign{padding: 15px 0 30px 0;} form#loginbox button:focus{outline:none !important;} button.featherlight-close{border-radius: 50% !important; background-color: #444444 !important; color: #fff !important; padding: 8px !important; top: 10px !important; right: 10px !important;width:41px !important;} /* -------------------------------------------------------------- HOME CONTENT -------------------------------------------------------------- */ .main {margin: 0 0 0px;} .main p {line-height: 21px;} .homeTop { clear: both; overflow: hidden; margin: 0 0 30px; } .mainNews { width: 74.1935%; float: left; } .slider {margin: 0 0 20px;} .slider img {float: left;} .slider article div.bg { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 15px 15px 15px; //background: url(img/bg/slide.png); background-color: #000000; color: #fff; opacity: 0.75; } .pageEvents .slider article header {padding-right: 50px} .slider article .info { position: absolute; top: -9px; left: 15px; display: block; height: 19px; line-height: 19px; text-transform: uppercase; background: #cf182f; font-size: 10px; padding: 0 5px; } .slider article header a { color: #fff;font-size: 28px;text-decoration: none;font-weight: 600;text-transform: none; } .sideTop { float: right; width: 22.580%; } .owl-pagination { height: 16px; margin: 5px 0 0 0; text-align: center; } .owl-pagination div { width: 9px; height: 9px; display: inline-block; margin: 0 2px; background: #ECEDED; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; } .owl-pagination div.active {background: #D0D2D4} .owl-buttons div { width: 13px; height: 21px; font-size: 0; text-indent: -9000px; top: 50%; margin-top: -30px; position: absolute; } .owl-prev { background: url(img/ico/ico.png); left: 15px; } .owl-next { background: url(img/ico/ico.png) -15px 0; right: 15px; } /*.newsTop{min-height:353px;}*/ .newsTop, .newsTop li { list-style: none; margin: 0; padding: 0; } .newsTop li { border-bottom: 1px dotted #cdcdcd; padding: 0 0 14px; margin: 0 0 14px; } .newsTop li:last-child { border: 0; padding: 0; margin: 0; } .newsTop li h3 { font-size: 14px; line-height: 140%; margin-bottom: 0 } .newsTop li h3 a {color: #444;} .newsTop li p {padding-top: 8px;} /*on the move*/ .otm { border: 1px solid #EFF0F0; margin-top: 40px; } .otm h4 { font-size: 14px; text-transform: uppercase; color: #4f5a61; font-weight: 600; margin: 0 0 20px; background: #d0d2d4; } .otm h4 span { display: inline-block; padding: 5px 10px 6px; color: #444; } .otm ul, .otm li { list-style: none; margin: 0; padding: 0; text-align: center; } .otm li { margin: 0 0 20px; border-bottom: 1px dotted #EFF0F0; padding: 0 0 16px; } .otm li:last-child { border: 0; margin: 0; } .otm img {margin: 0 0 8px;} .otm h3 { text-align: left; padding: 0 9px; font-weight: 600; font-size: 12px; margin: 0; } .otm h3 a {color: #444;} .otm a {color: #586269;} .figureSpacing a, .figureSpacing h2 {line-height: 24px;} /*halfNews*/ .halfNews article {padding: 0 0 25px;} .halfNews figure a { display: block; position: relative; } .halfNews .videoOn figure a:after { content: ""; display: block; width: 61px; height: 45px; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -22px; background: url(img/ico/ico.png) 0 -25px } .halfNews img {margin: 0 0 7px;} .halfNews h2 { font-size: 18px; font-weight: 600; margin: 0 0 6px; line-height: 125%; } .halfNews h2 a {color: #444;} .bottomNews article {padding: 0 0 0px;} .bottomNews img {margin: 0 0 10px;} .bottomNews h3 { font-size: 14px; margin: 0; line-height: 125%; } .bottomNews h3 a {color: #444;} .contentAd {margin: 0 0 40px;} /*postList*/ .postList {float:left;margin: 0 0 20px;background:#fff;position:relative;} .postList article { float:left;position: relative;margin-bottom:12px;font-size:13px; } .postList article .content{padding-top:3px;float:left;width: 59%;} .postList article:last-child { border: 0; margin: 0; } .postList figure { float:left;margin-right: 15px; } .postList figure a{float:left;} .postList header {margin: 0 0 6px;} .postList h3 { width: 250px; } .postList h3, .eventInfo h3 { font-size: 16px; line-height: 130%; margin: 0 0 5px; position: relative; } /*.eventInfo h3{text-transform:uppercase;}*/ .postList h3 a {color: #444; font-size: 16px;font-weight:700;} .partner-events .eventInfo h3{padding-bottom:10px;} .postList .place, .postList .place a { font-size: 12px; font-weight: 700; color: #444; text-transform: uppercase; } .postList .place:after { content: "/"; font-weight: 600; display: inline-block; margin: 0 3px; } .postList time { font-size: 12px; color: #444; text-transform: uppercase; } .postList time:after { content: "/"; font-weight: 600; display: inline-block; margin: 0 3px; } .postList .author, .postList .author a { font-size: 12px; color: #444; } .postList .author span { text-transform: uppercase; font-weight: 500; } span.author {text-transform: uppercase;} /*Headlines*/ .headlines {} .headlines .blockTitle {margin: 0 0 20px;} .headlines .col-sm-6 h4 { background: #F6F6F6; margin: 0 0 12px; font-size: 14px; font-weight: 600; } .headlines .col-sm-6 h4 span { display: inline-block; color: #fff; text-transform: uppercase; padding: 0 9px; height: 27px; line-height: 27px; } .block1 h4 span {background: #89845D;} .block2 h4 span {background: #CF182F;} .block3 h4 span {background: #409C46;} .block4 h4 span {background: #E97F45;} .block5 h4 span {background: #2799fa;} .headlines .block6 h4 span { background: #D0D2D4; color: #444; } .headlines ul, .headlines li { list-style: none; margin: 0; padding: 0; } .headlines ul {padding: 0 0 26px;} .headlines li { font-size: 12px; font-weight: 600; margin: 0 0 10px; padding: 0 0 11px; border-bottom: 1px dotted #ECEDED; } .headlines li:last-child { border: 0; margin: 0; } .headlines li a {color: #444;} .postList article figure img{width: 158px;height: 115px;} /*.postList .content{padding-top:6px;}*/ .slider article div.bg h2{padding-bottom:5px;} .slider.post-slider .owl-item img{height:368px;} h2.main{margin-bottom:25px;padding-bottom:3px;border-bottom:1px solid #F3AB35;} .recommended h2.vc_custom_heading, h2.no-underline{border-bottom:none;} .post-slider i.fa-angle-left{position: absolute; left: 8px; top: 139px; color: white; font-size: 36px;} .post-slider i.fa-angle-right{position: absolute; right: 8px; top: 139px; color: white; font-size: 36px;} body.home .col-sm-4{width: 32.1%; margin-right: 1.83%;} body.home .col-sm-4.last{margin-right:0;} body.home .col-sm-4.ads{padding-top:25px;padding-left:60px;} body.home .col-sm-4.ads div.ad{margin-bottom:35px;} body.home .col-sm-4.ads div:last-of-type{margin-bottom:0;} body.home .upcoming-events{float:left;} body.home #page .col-sm-12{margin-bottom:35px;} .row.video-slider{background-color:#d3cfce;padding-top: 60px; padding-bottom: 10px;margin-top: 30px;} .row.video-slider .col-sm-12{margin-bottom:0 !important;} .row.headlines{margin-top:65px;} .row.headlines .col-sm-12{margin-bottom:35px;} .latest-headline{position:relative;background: #f4f0ef;width: 100%;margin-bottom: 15px; min-height: 255px;} .latest-headline h4{background: #444; padding: 8px 10px 7px 28px;} .latest-headline h4 span{font-size: 19px; font-weight: 300;color:#fff;} .latest-headline h4, .latest-headline h4 a:hover{text-decoration:none;} .latest-headline ul{padding: 8px 25px 30px 25px;list-style-type: none;} .latest-headline ul li{padding-bottom:10px;} .latest-headline ul li a{color: #444;font-size: 14px;font-weight: normal;} a.see-more{font-size: 13px; color: #444; position: absolute; right: 0; bottom: -15px;} .partner-events a.see-more{font-size: 14px; right: 10px; bottom: 20px;} .latest-headline a.see-more{padding-right:15px;bottom:10px;} .row.headlines .headline{width:88% !important;} .row.headlines .col-sm-3{padding:0px;} .latest-headlines .wpb_text_column.wpb_content_element{margin-bottom:0;} .partner-events .eventInfo .excerpt{float:left;} .upcoming-events a.featured-holder{float:left;position:relative;display:block;width:158px;height:115px;margin-right: 15px;} .upcoming-events.upcoming .content ul li{width:100%;} .upcoming-events .eventInfo{width:65%;position:relative;float:left;padding:3px 70px 0 25px;background:none;} .upcoming-events .eventInfo h3 a {color: #444;font-size: 18px;font-weight: 600;line-height: 20px;margin-bottom: 10px; float: left;} .upcoming-events .date{width: 48px;bottom: 0;left: 0;top:auto;height:72px;} .upcoming-events .month{font-size: 14px;top:2px;} .upcoming-events .month span{font-size: 26px;font-weight: 600;margin-top:0;} .upcoming-events .year{border-top: 1px solid #fff;font-size:13px;} .upcoming-events.upcoming .content ul li .venue p{margin:0;line-height: 18px;font-size:13px;} .upcoming-events.partner-event .eventInfo{padding: 5px 70px 0 25px;} .upcoming-events.partner-events .eventInfo h3 a{color: #444;font-size: 15px;font-weight: 600;line-height: 21px;} .partner-events .content ul li{padding-bottom:25px !important;} #events.partner-events .content ul li{padding-bottom: 5px !important;} .videos-slider{float:left;} .videos-slider a.title{color: #444; margin: 10px 0 0px 0; float: left; width: 100%;font-size: 16px;} .videos-slider article .content{width: 228px;} .videos-slider article p{font-size:13px;line-height: 1.42857143;} .videos-slider .latest{position:absolute;top:0;left:0;background: #F3AB35;text-transform:uppercase;font-size:15px;padding: 10px 24px;color:white;} .recommended-stories.owl-carousel{} .recc{float:left;padding-top: 15px !important; padding-bottom: 15px !important; background-color: #e5e3e4 !important;} .recommended-stories .owl-item a img{width: 228px;height: 154px;} .recommended-stories article{width:228px;height:265px;background:#fff;} .recommended-stories article a.title{float: left;padding: 10px 10px 0 10px;font-size: 16px;color: #444;line-height: 21px;} body.single-event li.menu-item-74310 ul.sub-menu{display:block;} .videos-slider .owl-prev, .recommended-stories .owl-prev { width: 15px; height: 100px; position: absolute; top: 20%; left: -55px; display: block!IMPORTANT; border:0px solid black; } .videos-slider .owl-next, .recommended-stories .owl-next { width: 15px; height: 100px; position: absolute; top: 20%; right: -55px; display: block!IMPORTANT; border:0px solid black; } .videos-slider .owl-prev i, .videos-slider .owl-next i, .recommended-stories .owl-prev i, .recommended-stories .owl-next i{font-size: 60px; color: #fff;} .videos-slider .owl-prev:focus, .recommended-stories .owl-prev:focus, .recommended-stories .owl-next:focus, .videos-slider .owl-next:focus{border:none;outline:none;} .videos-slider .owl-stage, .recommended-stories .owl-stage{margin-left: 32px;} .owl-carousel.videos-slider .owl-item img{width:228px;} /* -------------------------------------------------------------- SIDEBAR -------------------------------------------------------------- */ #sidebar-right {margin: 0 0 25px;} #sidebar-right li{display:block;padding: 0; margin: 0; margin-bottom: 30px;} #sidebar-right .sideBlock{width:100%;} #sidebar-right .upcoming-events{float: left; margin-bottom: 25px;position:relative;} .sideAd {margin-bottom: 25px;} .sideBlock {margin: 0 0 20px;} /*.sideBlock:last-child {margin: 0;}*/ /*tabs*/ aside .sideBlock{float:left;} .sideBlock .nav-tabs { border: 1px solid #F4F1F1; border-bottom: 0; border-top: 0; } .sideBlock .nav-tabs>li { width: 50%; margin: 0; border: 0; float: left; } .sideBlock .nav-tabs>li>a { border: 0; font-size: 12px; color: #d0d2d4; text-transform: uppercase; font-weight: 600; padding: 12px 0; display: block; border-top: 5px solid #D0D2D4; background: #F5F6F6; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-align: center; margin: 0; border-bottom: 1px dotted #D0D2D4; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .sideBlock .nav-tabs>li>a:hover {color: #444;} .sideBlock .nav-tabs>li.active>a, .sideBlock .nav-tabs>li.active>a:hover { border: 0; border-bottom: 1px solid #fff; border-top: 5px solid #2799fa; color: #444; background: none; color: #2799fa } #sideTabs .content ul, #sideTabs .content ul li { list-style: none; margin: 0; padding: 0; } #sideTabs .content ul { border: 1px solid #F4F1F1; border-top: 0; padding: 0 8px; } #sideTabs .content ul li { font-size: 12px; position: relative; padding: 11px 0 10px 17px; border-bottom: 1px dotted #F4F1F1; } #sideTabs .content ul li:last-child {border: 0;} #sideTabs .content li span { color: #d0d2d4; font-weight: 700; font-size: 14px; position: absolute; left: 0; top: 10px; } #sideTabs .content ul li a {color: #2799fa} /*events*/ .blockTitle { color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 400; background: url(img/bg/blockTitle.gif); padding: 9px 10px 8px 15px; margin: 0;} .blockTitle a {color: #FFF;} .blockTitle a:hover {text-decoration: none;} .gecko .blockTitle { padding: 5px 10px 7px; line-height: 100%; } #events .content { } #events .content ul, #events .content ul li { list-style: none; margin: 0; padding: 0; } #events .content ul li { float:left;margin: 0 0 12px; position: relative; } #events .content ul li .venue{font-size:13px;} #events .content ul li:last-child { border: 0; margin-bottom: 0; } .date {width: 68px;float: left;background: #ECEDED;text-align: center;padding: 0;position: absolute;top: 0;left: 25px;height: 99px; } .month {color: #444;font-weight: 700;font-size: 17px;position: absolute;width: 100%;top: 8px;} .month span {display: block;font-size: 34px;font-weight:700;margin-top: 3px;line-height: 100%;padding: 0 0 2px;text-align: center;} .year { color: #fff; background: #E97F45;font-size: 15px;font-weight: 600;position: absolute;width: 100%;bottom: 0; padding: 2px 0;} .dropdown-menu.events .nav-left .dropdown-menu a span {font-size: 14px;} .eventInfo {position: absolute; padding: 14px 20px 20px 20px;bottom: 0;background: #606060;width: 100%;left: 0;height: 115px; opacity: 0.75;} .eventInfo .venue{color: #fff; font-size: 15px; position: absolute; bottom: 12px;} /* .eventInfo h3 { font-weight: 600; font-size: 14px; line-height: 140%; margin: 0 0 5px; } */ .eventInfo h3 a {color: #fff; font-size: 16px; font-weight: 600; line-height: 21px;} .eventInfo h4 { font-size: 12px; font-weight: 400; } .btn-read { color: #fff; font-size: 12px; font-weight: 600; padding: 1px 11px; background: url(img/bg/read.gif) top left repeat-x; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .btn-read:hover {color: #fff;} .eventInfo .btn { float: right; margin-top: -5px; } .eventInfo .venue p{margin:0;line-height:18px;} .li1 .year {background: #89845D;} .li2 .year {background: #CF182F;} .li3 .year {background: #409C46;} .li4 .year {background: #E97F45;} .li5 .year {background: #2799fa;} .li6 .year { background: #D0D2D4; color: #444; } /*magazine*/ #magazine .content { background: #FAFAFB; padding: 20px 9px; position: relative; clear: both; overflow: hidden; } #magazine img {float: left;} #magazine .content div { margin-left: 140px; position: relative; min-height: 183px; } #magazine .content span { display: inline-block; height: 19px; line-height: 19px; text-transform: uppercase; background: #cf182f; font-size: 10px; padding: 0 5px; color: #fff; margin: 0 0 8px; } #sidebar-right #magazine .content span{font-size:14px;} #magazine h3 { font-size: 14px; margin: 0 0 10px; color: #444; border-bottom: 1px dotted #D9DCDE; line-height: 130%; padding: 0 0 11px; position: relative; } #sidebar-right #magazine h3{font-size: 14px; font-size: 16px; margin: 0 0 10px; color: #444; border-bottom: 1px dotted #D9DCDE; line-height: 130%; padding: 0 0 11px; font-weight: 700; position: relative;} .iconOn:before { content: ""; display: inline-block; width: 12px; height: 14px; margin-right: 3px; background: url(img/ico/ico.png) -30px 0; position: relative; top: 2px; } #magazine h3 a {color: #444} a.view { font-size: 14px; color: #444; display: inline-block; margin-bottom: 40px; } #magazine .btn { width: 100%; position: absolute; bottom: 0; right: 0 } /*partners*/ #partners .content {background: #fff;} #partners ul { border: 1px solid #E1E1E1; border-top: 0; list-style: none; padding: 0; margin: 0; } #partners ul li { list-style: none; border-bottom: 1px solid #e1e1e1; padding: 10px; } #partners ul li:last-child {border-bottom: 0;} /*directory*/ #directory .content { background: #fafafa; text-align: center; padding: 0 9px 20px; } #directory h3 { color: #28383f; /* background:url(img/bg/sub.gif); */ font-size: 16px; font-weight: 600; margin: 0 -9px 15px; padding: 22px 0 21px; } #directory img {margin: 0 0 10px;} #directory p { color: #28383f; font-size: 12px; line-height: 140%; margin: 0 0 17px; } .btn { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .btn-default {color: #28383f;} #directory .btn-default {margin: 0 0 10px;} #directory .btn-default:hover {background: #fff;} #sidebar-right .btn-primary { padding: 0; line-height: 28px; } #sidebar-right .btn-default { font-weight: 600; height: 30px; line-height: 28px; padding: 0 } #sidebar-right .btn-default:hover { opacity: 1; background-color: #fff; font-weight: 600; height: 30px; } .dirTabs{margin-top:35px;} #sidebar-right .gform_fields label{display:none !important;} #sidebar-right .gform_fields input{background: #f2eeed; border: none; border-radius: 1px; border: 1px solid #b6b2b3; width:100%;border-radius: 5px 0 0 5px; height: 40px; line-height: 40px; padding-left: 15px; color: #444;} #sidebar-right .gform_body{width:75%;float:left;} #sidebar-right .gform_wrapper .gform_footer{clear: none; float: left; width:25%; padding: 0; margin: 0;} #sidebar-right .gform_wrapper .gform_footer input{border: none; outline: none; width: 100%; height: 40px; background: #F3AB35; border-radius: 0 5px 5px 0;} #sidebar-right .top_label div.ginput_container{margin-top:0;} #sidebar-right .widgettitle, #sidebar-right .widgettitle{margin-top:40px;margin-bottom: 20px;border-bottom: 1px solid #F3AB35;padding-bottom:3px;} #sidebar-right.sidebar-connect .widgettitle{margin-top:20px;} #sidebar-right li:first-of-type .widgettitle, #sidebar-right section:first-of-type .widgettitle{margin-top:0;} #sidebar-right button.cta{background: #F3AB35; border: none; width: 100%; border-radius: 4px; height: 40px; line-height: 40px; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 17px;} #sidebar-right .postList.videos article .content{display:none;} #sidebar-right .postList.videos, #sidebar-right .postList.videos article, #sidebar-right .postList.videos article figure, #sidebar-right .postList.videos article figure img{width: 100%;height:auto;} /* -------------------------------------------------------------- FOOTER -------------------------------------------------------------- */ #footer #clousure .container{height: 52px;line-height: 52px;} #footer .container{} #footer .container .row .col-xs-12{padding: 50px 0;} #footer { background: #e5e3e4; color: #fff; margin: 25px 0 0 0; padding:0; } .logoF { float: left; margin: 0 0 40px; } .by {float: right;} .leftF { float: left; width: 31.9149%; } .middleF { float: left; width: 36.1702%; border-left: 1px dotted #4B5A60; border-right: 1px dotted #4B5A60; } .rightF { float: left; width: 31.9149%; } .navF {padding-top: 11px;} .navF, .navF li { margin: 0; padding: 0; list-style: none; } .navF li { float: left; width: 50%; font-weight: 600; margin: 0 0 12px; } .navF li a {color: #444444;font-weight: 600;text-transform: uppercase;font-size: 11px;letter-spacing: normal;} .navF li a:hover{text-decoration:none;} .middleF h4 { font-size: 14px; margin: 0 0 11px; text-align: left; } .followUs { clear: both; overflow: hidden; text-align: right; padding: 0; margin: 0 0 20px; } .followUs ul, .followUs ul li { list-style: none; margin: 0; padding: 0; } .followUs ul li { display: inline-block; font-size: 24px; margin: 0 5px; } .followUs ul a {color: #fff; font-size: 18px;} .followUs ul a:hover {opacity: 0.8} .newsletter input, .newsletter button { float: left; -webkit-appearance: none; } .newsletter input { color: #000; } .newsletter button { margin-left: 20px;padding: 12px 35px; } #footer .newsletter input{padding: 10px 15px;color: #000;width: 50%;background: #f2eeee;border: 1px solid #b5b5b5;border-radius: 5px;height: auto;} #footer .subs { width: 100%; padding: 15px 0 0 25px; } #footer .subs p {padding: 43px 0 0 0;} #clousure { background: #444444; color: #fff; font-size: 12px; height: 52px; line-height: 36px; overflow: hidden; } .copy a {color: #fff;} .copy a:after { content: "|"; display: inline-block; position: relative; margin: 0 3px; top: -1px; } a.backTop { color: #fff; display: inline-block; float: right; position: relative; } .backTop:after { position: absolute; width: 25px; height: 25px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 1px solid #fff; content: ""; display: block; top: 6px; right: -1px; } .backTop span { font-size: 16px; margin-left: 10px; position: relative; } #footer .newsletter h4{text-transform: uppercase;color: #444;font-size: 15px;margin-bottom:20px;} #footer .newsletter p{color:#444;} .newsletter input::placeholder{color:#444;} .newsletter input:-ms-input-placeholder{color:#444;} .newsletter input::-ms-input-placeholder{color:#444;} .newsletter form{float:left;width:100%;margin-top:10px;} /* -------------------------------------------------------------- EVENTS HOME -------------------------------------------------------------- */ .pageEvents .navbar {margin: 0;} .navbar.navbar_subscribe { background-color: #fff; margin: 0 } .topBlock { /*background:url(img/bg/mapabg.gif);*/ padding: 0 0 20px; } .pageTraining .topBlock { margin-bottom: 0; padding-bottom: 30px; } .title { font-weight: 600; margin: 0 0 30px; } .pageEvents .title { float: left; text-transform: uppercase; letter-spacing: -1px; font-family: 'Oswald', sans-serif; font-weight: 300 } .selYear {padding:0; float:right;} .selYear select { float:left;font-weight: 600; outline: none; font-size: 14px; cursor:pointer; height: 40px;padding-left: 20px;width: 120px; border: 1px solid #F3AB35; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: url(img/drop-arrow.png); background-repeat: no-repeat; background-size: 10px 6px; background-position: 96px 16px; } .selYear label { float:left; font-size: 12px; font-weight: normal;margin-left:15px; } /* The switch - the box around the toggle */ .switch { position: relative; display: inline-block; width: 120px; height: 40px; } .switch p.caption{position: absolute; right: 9px; border-bottom: none; top: 5px; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 14px;cursor:pointer;} .switch p.caption.mapon{right:auto;left:10px;} /* Hide default HTML checkbox */ .switch input {display:none;} /* The toggle */ .toggle { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(243, 171, 53, 0.35); -webkit-transition: .4s; transition: .4s; } .toggle:focus{outline:none !important;} .toggle:before { position: absolute; content: ""; height: 30px; width: 30px; left: 4px; bottom: 5px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .toggle { background-color: rgba(243, 171, 53, 1); } input:focus + .toggle { box-shadow: 0 0 1px #2196F3; } input:checked + .toggle:before { -webkit-transform: translateX(82px); -ms-transform: translateX(82px); transform: translateX(82px); } /* Rounded toggles */ .toggle.round { border-radius: 34px; } .toggle.round:before { border-radius: 50%; } #map {clear: both;position:relative;} #map-holder{margin-bottom:35px;display:none;} .nextstep {display: none;} /*events tabs*/ .eventsTabs {width:100%;float:left;margin-top: 0px;} .eventsTabs .tab-content{float: left;width: 100%;} .eventsTabs .nav-tabs { border-bottom: 0;border-top: 0;clear: both;overflow: hidden;float: left;width: 100%; } .eventsTabs .nav-tabs>li { margin: 0; border: 0; float: left; padding-right: 4px;width: 14.285714285714285714285714285714%; } .eventsTabs .nav-tabs>li>a { padding: 0;height: 60px;line-height: 60px;font-weight: 400; padding-left: 25px;font-size: 17px;text-align: left;color: #fff;display: block;background: #777a7f;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;margin: 0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;transition: all 0.4s ease-out;text-transform: uppercase;} .eventsTabs .nav-tabs>li i.fa-angle-down{position: absolute; font-size: 29px; top: 15px; right: 18px;display:none;} .eventsTabs .nav-tabs>li.active i.fa-angle-down{display:block;} .eventsTabs .nav-tabs>li.book>a{background:#f3ab35;padding-right:0;} .eventsTabs .nav-tabs>li.book{padding-right:0;} .eventsTabs #maptabs.nav-tabs>li {width: 50%;} .eventsTabs #maptabs.nav-tabs>li:last-child {padding-right: 0;} .eventsTabs #maptabs.nav-tabs>li a { padding-left: 30px; padding-right: 0; } .postEvent .eventsTabs .nav-tabs>li {width: 20%;} .postEvent .eventsTabs .nav-tabs>li:last-child {border-right: none;} .eventsTabs .nav-tabs>li>a:hover { color: #2799fa; border-color: initial; } /*.eventsTabs .nav-tabs>li.active>a, .eventsTabs .nav-tabs>li.active>a:hover { color:white !important; } .eventsTabs .nav-tabs>li.active.af>a, .eventsTabs .nav-tabs>li.active.af>a:hover { color: #89845D !important; } .eventsTabs .nav-tabs>li.active.as>a, .eventsTabs .nav-tabs>li.active.as>a:hover { color: #CF182F !important; } .eventsTabs .nav-tabs>li.active.am>a, .eventsTabs .nav-tabs>li.active.am>a:hover { color: #E97F45 !important; } .eventsTabs .nav-tabs>li.active.eu>a, .eventsTabs .nav-tabs>li.active.eu>a:hover { color: #2799fa !important; } .eventsTabs .nav-tabs>li.active.me>a, .eventsTabs .nav-tabs>li.active.me>a:hover { color: #409C46 !important; }*/ .eventsTabs .nav-tabs > li.active > a, .eventsTabs .nav-tabs > li.active > a:hover, .eventsTabs .nav-tabs > li.active > a:focus{background:#a9a9a9;border:none;color:#fff;} .eventsTabs .content { float:left;width:100%;} .eventsTabs .content .panel-default{border:0 !important;border-radius:0 !important;} /* li separate by lines. Twhats this style for? */ .eventsTabs .content .event-item{position: relative; height: 364px; margin-bottom: 69px; width: 30%; margin-right: 5%; background-repeat: no-repeat !important; background-size: cover !important;} .eventsTabs .content .event-item:nth-child(3n){margin-right:0 !important;} .eventsTabs .content ul, .eventsTabs .content ul li { list-style: none; margin: 0; padding: 0; } /*.eventsTabs .content ul li { height: 364px;border-bottom: 1px dotted #D9DCDE; padding: 0 0 15px 53px; margin: 0 0 12px; position: relative; }*/ .eventsTabs .content ul li:last-child { border: 0; margin-bottom: 0; } .eventsTabs .content #description ul li, .eventsTabs .content #agenda ul li { padding: 0; margin: 0; border: none; list-style: disc outside; } .eventsTabs .content ul {width:100%;float:left;padding: 25px;} .eventsTabs .content ul li.hl { background: #ABE8FF; padding: 10px 10px 13px 53px; } .eventsTabs .btn { font-size: 12px; font-weight: 600; padding: 1px 11px!important; height: 21px; margin: 0 0 0 15px; } a.more { width:100%;display: block;text-align: center;font-size: 19px;color: #444;font-weight: 400;background: #F3AB35;float: left;color: #fff;padding: 18px 0 10px 0;margin-bottom:110px; } a.more:hover{color: #fff !important;} .eventsTabs .nav-tabs>li.af a:hover, .eventsTabs .nav-tabs>li.af.active a{background:#89845D;} .eventsTabs .nav-tabs>li.am a:hover, .eventsTabs .nav-tabs>li.am.active a{background:#E97F45;} .eventsTabs .nav-tabs>li.as a:hover, .eventsTabs .nav-tabs>li.as.active a{background:#CF182F;} .eventsTabs .nav-tabs>li.eu a:hover, .eventsTabs .nav-tabs>li.eu.active a{background:#2799fa;} .eventsTabs .nav-tabs>li.me a:hover, .eventsTabs .nav-tabs>li.me.active a{background:#409C46;} #maptabs.nav-tabs{margin-bottom: 15px;} .more span {font-size: 18px;float: left;display: block;width: 100%; } /*popular*/ .popular {margin: 0 0 28px;} .popular .blockTitle {margin: 0 0 20px;float: left; width: 100%;} .popular figure {margin: 0 0 9px;} .popular h3 { font-size: 14px; line-height: 130%; margin: 0; padding-top: 5px; } .popular h3 a {color: #444;} .pageTraining .popular .related {padding-top: 0;} .tab-content>.tab-pane{display:none;} .tab-content > .active {display: block;} .venue-details p{font-size: 19px; line-height: 34px;margin-bottom:30px;} .tab-pane .panel iframe{padding-bottom:60px;} .faded { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .faded:hover { opacity: 0.80; } .faded.light:hover { opacity: 0.90; } .event-item{cursor:pointer;} p.no-events{padding: 3% 25px 10% 25px;} /* -------------------------------------------------------------- SPEAKERS -------------------------------------------------------------- */ #speakers .horizontal-speaker .speaker-avatar{border: none;width:100%;height: 276px;margin-bottom:0;} #speakers .horizontal-speaker .speaker-info{padding: 0 25px; padding-top: 20px;background: #777a7f;height: 130px;} #speakers .horizontal-speaker .speaker-info span.full-name{font-size: 20px; color: #fff; text-transform: uppercase; line-height: 28px;} #speakers .horizontal-speaker .speaker-info strong{font-size: 19px; color: #fff; font-weight: 400; margin-top: 3px; float: left;} #speakers .horizontal-speaker{margin-bottom: 30px;} #speakers .horizontal-speaker:hover{cursor:pointer;} #speakers .horizontal-speaker img.loader{position: absolute; top: 100px; left: 50%; margin-left: -47.5px;} .speaker-for-session ul.shortcode-speakers .speaker .speaker-photo img{width:75px;height:75px;} .panel .programme{border:none !important;} .programme .seminar{float:left !important;width:100% !important;border:none !important;padding:0 !important;margin-bottom:12px !important;background: #fff !important;} .programme .seminar .session-time {float: left; width: 20% !important; padding: 22px 0 !important; padding-left: 25px !important;font-size: 20px; font-weight: 700;} .programme .seminar .session-time small a{font-size: 12px; font-weight: normal;float:left;} .programme .seminar .entry-content{float: left !important; width: 60% !important; padding: 22px 0; padding-left: 25px;} .programme .seminar h4{font-size:22px;padding-top: 1px;} /*.programme .seminar{max-height:80px;height:80px;padding:25px;}*/ .programme .seminar .seminar-toggle{float:right;width:120px;height:94px;background:#e2e0e1 !important;text-align:center;cursor:pointer !important;} .programme .seminar .seminar-toggle .fa-angle-down{font-size: 32px;color: #fff;padding-top: 33px;} .programme .seminar .entry-content .session-meta{margin-top: 5px; float: left; width: 100%;} .programme .seminar .entry-content .session-meta .session-date a{pointer-events:none !important;color: #444;} .programme .seminar .sem-session-content{padding-bottom:35px;padding: 22px 25px !important;} .programme .seminar .sem-session-content p{font-size:15px;} .programme .seminar .speaker-toggle-section{float:left;width:100%;display:none;} .programme .seminar .speakers-row.col-sm-12, .programme .seminar .speakers-row .col-sm-2{padding-left: 0 !important; font-size: 18px; font-weight: 700; text-transform: uppercase;} .programme .seminar .speakers-row.col-sm-12, .programme .seminar .speakers-row .col-sm-2{padding: 22px 25px !important;} .programme .seminar .speakers-row .col-sm-2{padding-top:34px;} .programme .seminar ul.shortcode-speakers{padding:0;} .speaker-for-session ul.shortcode-speakers .speaker .speaker-photo{margin-right:15px !important;} .speaker-for-session ul.shortcode-speakers .speaker .speaker-photo .loader{position:absolute !important;top:3px !important;} .speaker-for-session ul.shortcode-speakers .speaker .speaker-full-name{color: #444; padding-top: 22px;} .speaker-for-session ul.shortcode-speakers .speaker{margin-bottom:20px;} .programme .seminar.hasContent .seminar-toggle{background: #b5b5b5 !important;} /* -------------------------------------------------------------- EVENTS POST -------------------------------------------------------------- */ body.singlepost h1{font-size: 32px; text-transform: none;padding-bottom: 0; margin-bottom: 20px;} body.singlepost .cat{font-size:14px;} .addthis_toolbox a{margin-bottom: 0; line-height: 17px;} .sharebox{position: absolute; width: 92px; border: 1px solid #e3e4e5; text-align: center; left: 0px; background: #fff; padding-bottom: 10px;} .sharebox strong{font-size: 12px; color: #445359; display: block; text-align: center; background: #F0F1F1; padding: 5px 0;} /* This code is to set the main image on mobile. Just need to adjust the margin as a result of the changes to the changes to the news section. */ body.singlepost figure.main-img img.wp-post-image{width:619px;height: auto; float: left; margin: 35px 20px 20px 100px;} figure.supplimentimage img.wp-post-image{width:619px;height: auto; float: left; margin: 5px 20px 20px 0px;} @media only screen and (max-device-width: 800px) { body.singlepost figure.main-img img.wp-post-image { width:619px;height: auto; float: left; margin: 18px 8px 20px 0px; } .addthis_toolbox { margin-top: 10px; } figure.supplimentimage img.wp-post-image { width: 426px; height: auto; float: left; margin: 5px 20px 20px -5px; } } body.singlepost .row.related img{width:100%;height:auto;} body.singlepost .comment-form-comment label{float:left;width:100%;margin-bottom:10px;} body.singlepost .comment-form-comment textarea{width:100%;} body.singlepost #respond #submit{padding:5px 15px;float:right;} .postEvent .navbar {margin: 0 0 35px;} /*bradcrumb*/ .bread { background: #ECEDED; margin: 0 0 20px; } .bread .section { text-transform: uppercase; margin: 0; color: #fff; font-size: 14px; font-weight: 600; display: inline-block; height: 26px; line-height: 26px; padding: 0 9px; } .s1 {background: #89845D!important;} .s2 {background: #CF182F!important;} .s3 {background: #409C46!important;} .s4 {background: #E97F45!important;} .s5 {background: #2799fa!important;} .s6 { background: #6b2e78!important; color: #ffffff!important; } .s7 { background: #f1ab34!important; color: #444!important; } .s8 { background: #444!important; color: #ffffff!important; } .bread div.links { float: right; padding: 2px 15px 0 0; } .send { font-size: 0; display: inline-block; float: right; text-indent: -9000px; width: 18px; height: 13px; background: url(img/ico/ico.png) -65px -20px } .arrow { font-size: 0; display: inline-block; float: right; text-indent: -9000px; width: 21px; height: 15px; background: url(img/ico/ico.png) -65px 0px; margin-right: 10px; position: relative; top: -1px; } /*slider*/ .postEvent .slider article .info { background: #fff; color: #444; } .postEvent .slider .bg {padding-bottom: 32px;} .slider .date { left: auto; right: 10px; top: 10px; } .slider .addthisevent-drop { z-index: 1000001 !important; display: block !important; border: none !important; position: absolute !important; bottom: 0 !important; width: 100% !important; margin: 0 !important; left: 0 !important; border: 0; background-color: transparent; } .addthisevent_dropdown { left: auto !important; right: 0; bottom: 21px; top: auto !important; } .addthisevent-drop:active {top: auto !important;} .slider .addthisevent-drop .button { display: block !important; background: #444 !important; color: #fff !important; text-transform: uppercase !important; text-align: right !important; font-size: 10px !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 21px !important; line-height: 21px !important; padding: 0 10px !important; } .addthisevent span.icon { font-size: 16px; position: relative; top: 2px; display: inline-block; margin-left: 5px; width: 15px; height: 15px; text-align: center; line-height: 13px; border: 1px solid #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } /*buttons*/ .actions { text-align: center; margin: 0 0 45px; padding: 15px 0 0 0; } .btn-primary.btn-lg {background: url(img/bg/primarylg.gif);} .btn-lg { height: 44px; padding: 12px 29px; font-size: 16px; font-weight: 600; } .actions .btn-lg { padding: 12px 0; text-align: center; } .actions .btn-primary { width: 220px; margin-right: 11px; } .actions a.btn-primary:hover{color:#fff !important;} .actions .btn-default {width: 224px;} /*tabs*/ .postEvent .eventsTabs .nav-tabs>li>a { padding: 12px 10px 12px 30px; position: relative; } #contactus.tab-pane .col-sm-6{margin-bottom:35px;} .nav-tabs > li > a{border:0;} .eventsTabs .nav-tabs > li > a:hover, .eventsTabs .nav-tabs > li > a:hover { color: #fff !important; border:none;border:0 !important; } /*.eventsTabs .nav-tabs > li.tab5.active > a { color: #2799fa; border-color: initial; border-bottom: 0 } .eventsTabs .nav-tabs > li.tab2.active > a { color: #2799fa; border-color: initial; border-bottom: 0 } .postEvent .eventsTabs .nav-tabs>li.tab1 a:hover:before {background: url(img/ico/tabsEvent.png) 0px 22px;} .postEvent .eventsTabs .nav-tabs>li.tab2 a:hover:before {background: url(img/ico/tabsEvent.png) -20px 22px;} .postEvent .eventsTabs .nav-tabs>li.tab3 a:hover:before {background: url(img/ico/tabsEvent.png) -40px 22px;} .postEvent .eventsTabs .nav-tabs>li.tab4 a:hover:before {background: url(img/ico/tabsEvent.png) -57px 22px;} .postEvent .eventsTabs .nav-tabs>li.tab5 a:hover:before {background: url(img/ico/tabsEvent.png) -77px 22px;} .postEvent .eventsTabs .nav-tabs>li.tab3 a:before { width: 14px; height: 22px; background: url(img/ico/tabsEvent.png) -40px -23px; margin-top: -12px; } .postEvent .eventsTabs .nav-tabs>li.tab3.active a:before {background: url(img/ico/tabsEvent.png) -40px 22px;} .postEvent .eventsTabs .nav-tabs>li.tab4 a:before { width: 17px; height: 17px; background: url(img/ico/tabsEvent.png) -57px -23px; margin-top: -9px; } .postEvent .eventsTabs .nav-tabs>li.tab4.active a:before {background: url(img/ico/tabsEvent.png) -57px 22px;} .postEvent .eventsTabs .nav-tabs>li.tab5 a:before { width: 17px; height: 18px; background: url(img/ico/tabsEvent.png) -77px -23px; margin-top: -9px; } .postEvent .eventsTabs .nav-tabs>li.tab5.active a:before {background: url(img/ico/tabsEvent.png) -77px 22px;}*/ /*accordion*/ .postEvent .panel-group {margin: 0} .panel-group .panel { border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0; } .panel-default>.panel-heading { border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: #2799fa; color: #fff; padding: 0 } .panel-title { font-size: 14px; font-weight: 600; } .panel-title a { text-decoration: none; padding: 7px 10px 8px; display: block; } .panel-group .panel+.panel {margin-top: 2px;} .panel-default>.panel-heading+.panel-collapse .panel-body {border: 0;} .panel-body {padding: 65px 70px;background: #f7f7f7;margin-top: 5px;} .container.subscribe h2.main-title, .panel-body h2.main-title{font-weight: 700; font-size: 23px; letter-spacing: normal; color: #444444; text-align: center;position:relative; padding-bottom: 8px;margin: 0 auto;margin-bottom:70px;} .container.subscribe h2.main-title:after, .panel-body h2.main-title:after{content:''; position:absolute; left:0; right:0; top:100%; margin:10px auto; width: 6.5%; height:5px;background: #f3ab35;} .panel-body h3.secondary-title{text-align: center; margin: 0 0 70px 0; text-transform: uppercase; font-weight: 400; color: #777a7f;} .panel-body h3.secondary-title.sponsor-group{float:left;width:100%;margin:45px 0 50px 0;} .panel-body.sponsors-panel h2.main-title{margin-bottom:0px;margin-top:0px;} .panel-body.sponsors-panel a.sponsor img{width:80%;width:320px;height:160px;/*border-right: 1px solid #d0d0d0;*/} .panel-body.sponsors-panel .col-sm-3{margin-bottom:0px;margin-top:0px;border-right: 1px solid #a9a9a9;margin: 6px 0;width:320px;height:160px;} .panel-body.sponsors-panel .seminargroup{float:left;background:#fff;width: 100%;display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} .panel-body.sponsors-panel .seminargroup > div:nth-child(3), .panel-body.sponsors-panel .seminargroup > div:last-of-type, .panel-body.sponsors-panel .row > div:last-of-type{border-right:none;} .panel-group .panel iframe { box-shadow: 0 5px 0 #444; margin-bottom: 15px; } .panel-collapse#testimonials { font-style: italic; font-size: 16px; } .panel-collapse#testimonials p strong { font-weight: normal; color: #2799fa; font-size: 12px; font-style: normal; padding-top: 10px; } .panel-collapse#testimonials hr {border: none;} .testimonials {font-size: 14px;} .brocuredownload {position: relative;} .brocuredownload img { display: block; margin: 50px auto 0; } .brocuredownload .ribbon { width: 108px; height: 108px; background: url(img/starbrochure.png) no-repeat; position: absolute; top: 20px; right: 20px; } .tab-pane#sponsors h5 { color: #d0d2d4; text-transform: uppercase; font-size: 12px; padding-left: 10px; margin: 0px 0 10px; clear: both; padding-top: 20px; } .tab-pane#sponsors h5:first-child {padding-top: 0;} /*EVENTS SIDEBAR*/ .sideBlock#sponsors { border: 2px solid #E4E4E4; padding: 5px 0 3px; } #sponsors .blockTitle { text-align: center; padding: 0; padding-bottom: 5px; background: none; font-size: 12px; font-weight: 400; color: #d1d6d9; margin: 0 0 0px; border-bottom: 1px solid #E4E4E4 } #sponsors ul, #sponsors li { list-style: none; margin: 0; padding: 0; } #sponsorsslider { clear: both; overflow: hidden; padding: 0 20px; height: 397px; position: relative; } #sponsors ul { position: absolute; top: 0; width: 100%; left: 0; } #sponsors li { width: 100%; text-align: center; margin: 0; height: 90px; } #sponsors li img {margin: 0 auto} .sponsor-group{float:left;width:100%;} .tab-pane .sponsors-panel .valignout{height:auto !important;} /* SINGLE EVENT */ body.single-event .header-title{height:55px;float: left;width: 100%;background: linear-gradient(90deg, #cb1d23 50%, #ffffff 50%);margin-bottom: 1px;} body.single-event .header-title .col-sm-5{background: #cb1c23;height: 55px;} body.single-event .header-title .col-sm-5 h1{line-height: 55px;color: #fff;font-size:22px;} body.single-event .header-title .col-sm-7{height: 55px;background: #fff;} body.single-event .header-details{float: left;width: 100%;height: 55px;background: linear-gradient(90deg, #77797e 50%, #f4f0ef 50%);} body.single-event .header-details .col-sm-3, body.single-event .header-details .col-sm-2, body.single-event .header-details .col-sm-7{height:55px;line-height:55px;color: #fff;font-size: 17px;text-transform: uppercase} body.single-event .header-details .col-sm-3{background: #777a7f;color: #fff;border-right: 1px solid #fff;} body.single-event .header-details .col-sm-2{background: #e5e3e4;color: #444;padding-left: 20px;border-right: 1px solid #fff;} body.single-event .header-details .col-sm-7{background: #f4f0ef;color: #444;padding-left: 20px;} body.single-event #event-single-img{display:block;position:relative;float:left;width:100%;height:484px;background-size:cover;background-position:center center;} .event-length { background: #cb1d23; width: 166px; height: 33px; position: absolute; bottom: 0; line-height: 33px; color: #fff; font-size: 17px; font-weight: 600; text-transform: uppercase; text-align: center; display: none; } .eventsTabs .event-length{bottom: auto; top: -33px; left: 0;} .addthis_toolbox a{margin-bottom:0 !important;} ul.nav-tabs.steps{padding:0;} ul.nav-tabs.steps li{width:33%;padding-right:10px;} ul.nav-tabs.steps li:first-child{padding-left:0;} ul.nav-tabs.steps li:last-child{padding-right:0;} ul.nav-tabs.steps>li>a{padding:0;text-align:center;font-size:18px;} ul.nav-tabs.steps li a{font-weight:600;line-height: 25px;padding: 16px 0 20px 0; height: auto;} ul.nav-tabs.steps li.active a, ul.nav-tabs.steps li.active a:focus, ul.nav-tabs.steps li.active:focus a, .eventsTabs .nav-tabs.steps > li.active > a:focus{background: #F3AB35;} ul.nav-tabs.steps li a span.desc{text-transform: none; font-weight: normal;font-size:17px;} .tab-content.booknow{padding-top:45px;} .tab-content.booknow form{padding:0;background:none;border:none;} .tab-content.booknow form h2{font-weight:600;} .tab-content.booknow .form hr{margin:30px 0;} .tab-content.booknow p.info{font-size:14px;} .tab-content.booknow .save-btns{margin-top:35px;text-align:center;} a.btnadd:focus{color:#F3AB35;} .authors-header{float:left;width:100%;padding:0;padding-bottom:30px;} .authors-header .col-sm-12{height: 210px;padding:0;} .authors-header .col-sm-3{padding:0px;height: 210px;} .authors-header .col-sm-3 img{height: 210px; width: 100%;} .authors-header .col-sm-9{background: #f4f0ef;font-size: 15px;padding:0;} .authors-header .col-sm-9 .top{width:100%;height:148px;padding:25px 30px 0 30px;} .authors-header .col-sm-9 .bottom{width:100%;height:62px;padding:0 30px 0 30px;background:#777a7f;padding-top: 19px;} .authors-header .col-sm-9 .bottom p.name{float:left;font-size: 17px; color: #fff; text-transform: uppercase; font-weight: 600;} .authors-header .col-sm-9 .bottom .social i{float:right;color:#fff;font-size:19px;} .authors-header .col-sm-9 .bottom .social i:first-of-type{padding-left:15px;} /* -------------------------------------------------------------- DIRECTORY -------------------------------------------------------------- */ .pageDirectory h1 { font-size: 36px; font-weight: 600; line-height: 42px; } .pageDirectory article.row {margin-bottom: 66px;} .mainTitle { font-size: 36px; color: #333; font-weight: 600; margin: 0 0 33px; } .pageDirectory .actions {margin-bottom: 0;} .colNarrow figure {padding: 0 30px 0 0; /*float:right;*/} .directoryForm {margin: 0 0 30px;} .directoryForm h3 { font-size: 14px; color: #474949; margin: 0 0 13px; } .directoryForm form { background: #f6f6f6; padding: 12px 9px; } .directoryForm .form-group { height: 34px; position: relative; } .form-control { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; float: left; height: 34px; border-color: #CFCFCF; font-size: 14px; } .webkit select.form-control { -webkit-appearance: none; background: #fff url(img/select.png) no-repeat right 10px center; background: #fff url(img/select.png) no-repeat 95% center; } .field { margin-bottom: 10px; overflow: hidden; } #inputSearch { width: 265px; margin: 0; } .letters { line-height: 18px; text-transform: uppercase; padding-top: 5px; } .letters a { display: inline-block; color: #2799fa; font-size: 14px; font-weight: 600; width: 18px; text-align: center; } .letters a:last-child {margin: 0;} .letters a.active { color: #fff; background: #2799fa; } .letters a.all {width: 30px;} #directoryButton { background: none; height: 34px; border: 1px solid #CFCFCF; text-align: center; width: 35px; margin: 0 15px 0 -1px; float: left; } .form-selects {margin: 0 -7px;} .form-selects .wrapp { width: 25%; float: left; padding: 0 7px; } .directoryList {margin: 0 -9px -20px;} .directoryList .col-sm-3 { padding: 0px 9px; text-align: center; } .company {margin-bottom: 20px;} .company h4 { color: #fff; font-size: 12px; font-weight: 600; height: 34px; line-height: 34px; margin: 0; } .c1 {border: 2px solid #D0172E;} .c2 {border: 2px solid #009CD7;} .c3 {border: 2px solid #409E47;} .c4 {border: 2px solid #F3AB35;} .c1 h4 {background: #D0172E;} .c2 h4 {background: #009CD7;} .c3 h4 {background: #409E47;} .c4 h4 {background: #F3AB35;} .company .img {height: 105px;} .company p { font-size: 11px; color: #9B9DA0; padding: 0 0 11px; } .company p strong {color: #232323;} .middle { display: table; width: 100%; height: 100%; } .center { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } /* -------------------------------------------------------------- DIRECTORY -------------------------------------------------------------- */ .pageTraining .navbar {margin-bottom: 0;} .pageTraining .topBlock .title {margin-bottom: 0;} .title span { display: block; font-size: 18px; font-weight: 400; padding-top: 9px; line-height: 22px; } .topDir { min-height: 595px; position: relative; background: url(img/bg/trainBG.jpg); -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } .divH { position: absolute; height: 100%; width: 100%; } .topDir .container, .topDir .row, .topDir .col-sm-12 {height: 100%;} .powered { position: absolute; top: 0; right: 10px; } .wrappBlock { clear: both; max-width: 620px; margin: 0 auto; position: relative; height: 265px; } .wrappBlock .blockDir { width: 310px; float: left; background: url(img/bg/wbg.png); position: relative; } .wrappBlock .block1 { border: 3px solid #6B2D79; height: 265px; text-align: center; padding: 15px 0 0 0; border-radius: 0 40px 0 40px; -moz-border-radius: 0 40px 0 40px; -webkit-border-radius: 0 40px 0 40px; } .wrappBlock .block1 a { position: absolute; bottom: 15px; left: 40px; right: 35px; display: block; color: #fff; text-decoration: none; background: #6B2D79; height: 34px; line-height: 34px; text-align: center; font-size: 14px; } .wrappBlock .block2 { width: 286px; position: absolute; bottom: 3px; right: 24px; padding: 25px 20px; color: #6B2D79; border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; -webkit-border-radius: 40px 0 40px 0; } .wrappBlock .block3 { background: url(img/bg/vbg.png); color: #fff; text-align: center; height: 225px; width: 286px; margin-left: 21px; text-align: center; padding: 59px 0 0 0; border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; -webkit-border-radius: 40px 0 40px 0; } .wrappBlock .block4 { border: 3px solid #6B2D79; height: 265px; margin-top: -3px; text-align: center; padding: 15px 0 0 0; border-radius: 0 40px 0 40px; -moz-border-radius: 0 40px 0 40px; -webkit-border-radius: 0 40px 0 40px; } .wrappBlock .block4 a { position: absolute; bottom: 15px; left: 40px; right: 35px; display: block; color: #fff; text-decoration: none; background: #6B2D79; height: 34px; line-height: 34px; text-align: center; font-size: 14px; } .attendBlocks {padding: 10px 10px 45px;} .attendBlocks article { text-align: center; padding: 0 5px; } .attendBlocks figure { width: 129px; height: 129px; border-radius: 129px; -moz-border-radius: 129px; -webkit-border-radius: 129px; text-align: center; line-height: 129px; background: #6B2E78; margin: 0 auto 20px; } .attendBlocks figure img { max-width: 100%; height: auto; } .attendBlocks h3 { color: #6B2E78; font-size: 18px; font-weight: 600; margin: 0 0 16px; } .attendBlocks p { font-size: 14px; color: #333; line-height: 140%; margin: 0 0 20px; } .attendBlocks p:last-child {margin: 0;} .attendBlocks p a { color: #333; text-decoration: underline } .attendBlocks p a:hover {text-decoration: none;} .participants { background: #f7f4f8; padding: 40px 0 0; margin: 0 0 30px; } .participants .col-sm-6:nth-child(odd) {clear: both;} .partBlock { padding: 0 5px 0 0; margin: 0 0 40px; clear: both; overflow: hidden } .partLogo { float: left; height: 107px; width: 140px; background: #fff; border: 1px solid #ececec; text-align: center; margin: 0 20px 0 0; } .partBlock p {font-style: italic} .partBlock h4 { color: #6b2e78; font-size: 12px; font-weight: 400; } .partBlock h4:before { display: inline-block; width: 10px; height: 1px; background: #6b2e78; position: relative; margin-right: 3px; top: -3px; } /* -------------------------------------------------------------- POST DIRECTORY -------------------------------------------------------------- */ .postDirectory .navbar {margin: 0;} .postDirectory .topBlock { padding-bottom: 45px; margin-bottom: 25px } .topDir2 { margin-top: 32px; position: relative; background: #2799fa; height: 64px; } .topDir2:before { content: ""; display: block; width: 500%; right: 100%; height: 100%; background: #2799fa; position: absolute; top: 0; } .topDir2:after { content: ""; display: block; width: 500%; left: 100%; height: 100%; background: #2799fa; position: absolute; top: 0; } .imgDir { background: #fff; border: 1px solid #D3D5D7; float: left; padding: 0 13px; height: 105px; margin: -19px 20px 0 0; width: 180px; text-align: center } .topDir2 h1 { color: #fff; margin: 0; font-size: 24px; font-weight: 600; height: 100%; padding: 19px 0 0 0; position: relative; float: left; } .topDir2 h1 span { position: absolute; top: 100%; left: 0; font-size: 12px; color: #444; margin-top: 15px; white-space: nowrap; font-weight: 400; } .topDir2 a { float: right; display: inline-block; color: #fff; font-size: 12px; position: relative; top: 26px; } .topDir2 a:before { content: ""; display: block; width: 18px; height: 18px; background: url(img/ico/ico.png) -87px 0; position: absolute; top: 0; left: -23px; } .dirTabs .nav-tabs { border: 0; margin-bottom: -1px } .dirTabs .nav-tabs>li { margin: 0; border: 0; float: left; } .dirTabs .nav-tabs>li>a { border: 0; font-size: 14px; color: #999; font-weight: 600; /*text-transform: uppercase;*/ padding: 12px 15px 12px 40px; display: block; border-top: 5px solid #D0D2D4; background: #F5F6F6; text-align: center; margin: 0; border-bottom: 1px solid #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .dirTabs .nav-tabs>li>a:hover {color: #444;} .dirTabs .nav-tabs>li.active>a, .dirTabs .nav-tabs>li.active>a:hover { border: 0; border-bottom: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 5px solid #2799fa; color: #444; background: none; color: #2799fa } .dirTabs .nav-tabs>li a:before { content: ""; display: block; position: absolute; top: 50%; left: 14px; } .dirTabs .nav-tabs>li.tab1 a:before { width: 17px; height: 17px; background: url(img/ico/tabsEvent.png) 0 -23px; margin-top: -9px; } .dirTabs .nav-tabs>li.tab1.active a:before {background: url(img/ico/tabsEvent.png);} .dirTabs .nav-tabs>li.tab2 a:before { width: 20px; height: 19px; background: url(img/ico/tabsEvent.png) -95px -25px; margin-top: -9px; } .dirTabs .nav-tabs>li.tab2.active a:before {background: url(img/ico/tabsEvent.png) -95px 0px;} .dirTabs .tab-content { border-top: 1px dotted #D0D2D4; padding: 20px; } .dirTabs .dl-horizontal dt { text-align: left; max-width: 130px; } .dirTabs .dl-horizontal dd { margin-left: 130px; color: #444; } .dirTabs dd a { color: #444; text-decoration: underline } .dirTabs dd a:hover {text-decoration: none;} .dirTabs dd a.tool { display: inline-block; margin-right: 5px; } .dirTabs dd a span { color:; font-size: 20px; color: #D0D2D4; } /*sidebar*/ #category .blockTitle { color: #fff; text-align: center; font-size: 12px; background: #2799fa; margin: 0; padding: 7px 10px 5px; text-transform: none; } #category .content { border: 1px solid #EEF0F1; border-top: 0; text-align: center; padding: 6px 0 10px 0; } #category .content h4 { color: #C8C7C7; font-weight: 400; font-size: 10px; text-transform: uppercase; margin: 0 0 8px; } /* -------------------------------------------------------------- MAGAZINE -------------------------------------------------------------- */ .topMag { position: relative; background: #f6f6f6; margin: 48px 0; max-height: 279px; } .featMag span.ribbon { position: absolute; top: -20px; right: -35px; } .featMag a { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; display: block; text-decoration: none; text-transform: uppercase; height: 20px; line-height: 20px; text-align: center; font-size: 10px; font-weight: 600; background: #CF182F; } .featMag a span:before { display: inline-block; content: ""; width: 12px; height: 14px; background: url(img/ico/ico.png) -63px -35px; position: relative; top: 3px; margin-right: 4px; } .featMag img {outline: 1px solid #e9e7e7} .slideMag { float: right; width: 65.4255%; padding: 25px 0 0 51px; position: relative; background: #D0D2D4; overflow: hidden; max-height: 279px; } .topMag .col-sm-12:before { content: ""; display: block; position: absolute; z-index: 0; width: 500%; left: 23.198%; margin-left: 78px; top: 0; background: #D0D2D4; height: 100%; } .slideMag img { margin-bottom: 12px; border: 1px solid #C1C4C7; } .slideMag h4 { color: #444; margin: 0; font-size: 11px; } .slideMag h4 span { font-weight: 400; display: block; padding-top: 3px; } .slideMag .owl-buttons div { width: 32px; height: 32px; background: #fff; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; opacity: 0.4; filter: alpha(opacity=40); } .slideMag .owl-buttons div:hover { opacity: 1; filter: alpha(opacity=100); } .slideMag .owl-next {right: 0;} .slideMag .owl-prev {left: -47px;} .slideMag .owl-prev:before { width: 11px; height: 18px; content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -6px; background: url(img/ico/ico.png) -63px -50px; } .slideMag .owl-next:before { width: 11px; height: 18px; content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -5px; background: url(img/ico/ico.png) -75px -50px; } .pageMagazine .contentAd {margin-bottom: 20px;} .secTitle { background: #F6F6F6; margin: 0 0 20px; text-transform: uppercase; font-size: 20px; font-weight: 400; padding: 14px 35px; } .secTitle a{color: #444;} .secTxt { display: inline-block; text-transform: uppercase; background: #fff; padding: 0 10px; height: 25px; line-height: 25px; color: #444; font-size: 14px; font-weight: 600; } .coverS article { clear: both; overflow: hidden; padding-bottom: 30px; } .coverS figure { float: left; margin: 0 20px 0 0; } .coverS h2{margin-bottom:0;} .coverS h2 a{ text-transform: none; font-size: 18px; color: #444; font-weight: 600; } .coverS time { color: #444; text-transform: uppercase; } .coverS .author { color: #444; } .coverS .author a{color: #444;} .coverS .author span { text-transform: uppercase; font-weight: 500; } .coverS .content a { text-decoration: underline; color: #444; font-size: 13px; } .coverS .content a:hover {text-decoration: none} .postList .secTxt {color: #fff;} .postList .postSection article:last-child {border-bottom: 0;} .publications .col-sm-5 .box{float: left; width: 100%; background: #d3cfce; padding:40px;} .publications-sub .col-sm-5 .box{background:none;} .publications .col-sm-5 .box .col-sm-5{padding-left:0;} .publications .col-sm-5 .box figure img{width:100%;height:auto;} .publications .col-sm-5 .box .col-sm-7{padding-left:30px;min-height:266px;} .publications .col-sm-5 .box .col-sm-7 button{padding: 12px 45px;position: absolute; bottom: 0; left: 25px;font-size: 14px;} .publications .col-sm-5 .box .col-sm-7 button small{position: absolute; color: #444; right: -80px; bottom: 14px; font-size: 12px;} /*.publications-slider figure img{border: 1px solid #d4d4d4;}*/ .row.other-issues{background:#f4efef;margin-top: 30px;padding-top:30px;text-align:center;} .row.other-issues h2{margin-bottom:25px;} body.publications #footer{margin-top:0;} a.pub-login{color: #444 !important; text-transform: uppercase; font-size: 13px; font-weight: 600; position: absolute; bottom: 13px; right: 10px;} .slider.single-magazine-slider{background: #d2d3d5; padding: 30px 65px 21px 65px;} .single-magazine-slider .owl-prev{width: 15px; height: 100px; position: absolute; top: 80px; left: 28px; display: block!IMPORTANT;} .single-magazine-slider .owl-next { width: 15px; height: 100px; position: absolute; top: 80px; right: 28px; display: block!IMPORTANT;} .single-magazine-slider .owl-nav i{font-size:28px;} .magazine-slider .col-sm-9{padding-left: 50px;padding-top: 15px;padding-right:0;} h2.large-margin{margin-bottom: 40px;} .single-magazine-slider article a{color: #444;font-weight: 600;} .single-magazine-slider .owl-item img{margin-bottom:10px;} .single-magazine-slider .owl-dots{display:none;} .magazine-slider{padding-bottom:60px;} .magazine-slider.sup{padding-bottom:30px;} body.single-magazine .postSection{float:left;margin-top:30px;} body.single-magazine .postSection.last, body.single-supplement .postSection.last{margin-bottom:100px;} /* body.single-supplement .slider.single-magazine-slider{padding-top: 55px;} Removed when I added the button to the suppliment slider. Not used in Magazine?? */ body.single-supplement .post-listing{float: left; margin-bottom: 100px;} .supplementlist .col-sm-5 img{width: 90%; border: 1px solid #dedede;} #sidebar-right #partners a.see-more{right: 10px; bottom: -30px;} /* -------------------------------------------------------------- CONTACT -------------------------------------------------------------- */ .pageContact .navbar {margin: 0;} .pageContact .col-sm-6 h4 { text-transform: uppercase; color: #333; font-size: 14px; font-weight: 600; margin: 0 0 30px; } .pageContact label {color: #333;} .pageContact .form-control { float: none; border: 2px solid #E4E4E4; height: 38px; color: #999; } .pageContact textarea.form-control { resize: none; overflow: auto; height: 110px; } .pageContact .form-actions {padding-top: 5px;} .pageContact .form-actions .btn {float: right;} .pageContact .form-actions span { color: #d0d2d4; text-transform: uppercase; display: inline-block; font-weight: 600; line-height: 44px; } /* Flexible iFrame */ .Flexible-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .Flexible-container iframe, .Flexible-container object, .Flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pageContact .address { background: #FAFAFB; border-top: 4px solid #444; display: block; padding: 13px 15px 15px; color: #333; font-size: 14px; margin: 0; } .pageContact address {margin: 0 0 15px;} .pageContact address abbr { font-weight: 700; text-decoration: none; border-bottom: 0 } .cntTabs, .cntTabs li { margin: 0; padding: 0; list-style: none; display: inline-block; } .cntTabs { margin: 0 -4px; width: 100%; } .cntTabs li { width: 33%; float: left; padding: 0 4px; font-size: 12px; font-weight: 600; } .cntTabs li a { color: #444; text-transform: uppercase; display: block; height: 45px; line-height: 45px; text-align: center; background: #fff; border: 1px solid #E4E4E4; } .cntTabs li.current a { text-decoration: none; cursor: default; color: #fff; background: url(img/bg/cntTab.gif); border-color: #444; } #locations .tab-pane {background: #FAFAFB;} #locations .cntTabs { padding: 0 10px 30px; background: #FAFAFB; } .cntTop {margin-bottom: 35px;} .cntBottom .row {padding-top: 10px;} .cntBottom article {margin: 0 0 50px;} .cntBottom figure {position: relative;} .cntBottom figcaption { position: absolute; bottom: 0; width: 100%; background: #263840; color: #fff; text-transform: uppercase; height: 22px; line-height: 22px; font-size: 14px; padding: 0 7px; border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; } .cntBottom figcaption a { float: right; font-size: 18px; color: #fff; margin: -1px -5px 0 0; } .cntBottom header {padding: 6px 5px 0;} .cntBottom header h2 { font-weight: 600; margin: 0; font-size: 14px; color: #3F3B3C; } .cntBottom header h2 span { color: #666; font-weight: 400 } .cntBottom article .content { padding: 0 5px; font-size: 14px; color: #3F3B3C; line-height: 150% } .cntBottom article .content a {color: #3F3B3C;} .cntBottom .col-md-3:nth-child(4n+5) {clear: both;} .cntBottom .column { max-width: 220px; margin: 0 auto; } address{margin: 30px 0 40px 12px;} /* -------------------------------------------------------------- MULTIMEDIA -------------------------------------------------------------- */ .pageMulti .navbar {margin-bottom: 0;} .multi { margin: 0 0 30px; background: #444 } .multi .nav-tabs { border: 0; position: relative; z-index: 10; } .pageMulti .nav-tabs>li { margin: 0; border: 0; float: left; } .pageMulti .nav-tabs>li>a { border: 0; font-size: 12px; color: #d0d2d4; text-transform: uppercase; font-weight: 600; padding: 12px 30px 12px; display: block; border: 0; border-top: 5px solid #D0D2D4; border-bottom: 1px dotted #D0D2D4; background: #F5F6F6; text-align: center; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .pageMulti .nav-tabs>li>a:hover {color: #444;} .pageMulti .nav-tabs>li.active>a, .pageMulti .nav-tabs>li.active>a:hover { border: 0; border-bottom: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 5px solid #F1AB34; color: #444; background: none; color: #2799fa } .pageMulti .tab-content { padding: 25px 0 0; clear: both; overflow: hidden; position: relative; top: -1px; } #video { background: #444; padding: 60px 135px 55px; color: #fff; } #video .Flexible-container {margin: 0 0 20px;} #video h1 { font-size: 36px; font-weight: 600; margin: 0 0 5px; } #video p {margin: 0;} .edTop { clear: both; overflow: hidden; margin: 0 0 25px; } .edTop h3 { font-size: 18px; font-weight: 600; margin: 0; float: left; line-height: 34px; height: 34px; } .edTop .form-group { float: right; width: 300px; margin: 0; } .edTop select {height: 34px; /*color:#d0d2d4;*/} .grid { background: #ECEDED; padding: 34px 21px 3px; } .grid .video, .grid .video2 { margin: 0 0 31px; cursor: pointer; } .grid .video:hover, .grid .video2:hover { opacity: 0.85; filter: alpha(opacity=85); } .grid .video a { position: relative; display: block; } .grid .video a:before { position: absolute; top:; left: 50%; margin-left: -30.5px; display: block; content: ""; width: 61px; height: 45px; background: url(img/ico/ico.png) 0 -25px; top: 50%; margin-top: -22px } .grid .video2 a:before { position: absolute; top:; left: 50%; margin-left: -30.5px; display: block; content: ""; width: 61px; height: 45px; background: url(img/ico/ico.png) 0 -25px; top: 50%; margin-top: -25px } .grid .video2 a { display: block; position: relative; } .grid img {margin: 0 0 5px;} .grid h2 { font-size: 14px; margin: 0; font-weight: 600; line-height: 140% } .grid .video:nth-child(3n+4), .grid .video2:nth-child(3n+4) {clear: both;} .content.row.grid {padding: 0;} .content.row.grid .video {margin-bottom: 0;} #video .prev { background: url(img/multimedia-pag.png) no-repeat; position: absolute; left: 0; top: 50%; width: 35px; height: 57px; margin-top: -27px; } #video .next { background: url(img/multimedia-pag.png) no-repeat right; position: absolute; right: 0; top: 50%; width: 35px; height: 57px; margin-top: -27px; } /* -------------------------------------------------------------- MEMBERS AREA -------------------------------------------------------------- */ header a.mobile-only button.login-btn{display:none;} .backTo { background: #444; height: 24px; text-align: right; line-height: 24px; } .backTo a { color: #fff; font-size: 12px; position: relative; } .backTo a:before { position: absolute; top: 0px; left: -16px; content: ""; display: block; width: 11px; height: 17px; background: url(img/ico/ico.png) -92px -51px; } .pageMA .head {padding: 29px 0;} .signed { position: absolute; top: 43px; right: 10px; font-size: 13px; } .signed a { color: #009bd1; text-decoration: underline; } .signed a:hover {text-decoration: none;} .pageMA .navbar {margin-bottom: 0} .pageMA .liUser, .pageMA .liUser2 {position: relative;} .icon-msg { display: inline-block; width: 22px; height: 15px; background: url(img/ico/ico.png) -80px -34px; } .liUser span, .liUser2 span { position: absolute; color: #fff; font-size: 10px; padding: 2px 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #CF182F; display: inline-block; top: 5px; right: 2px; line-height: 100%; } .topCenter {text-align: center;} .subscribeMA { text-align: center; padding: 30px 0; margin: -20px 0 48px 0; } #page .subscribeMA:last-child { border: 0; margin-bottom: -25px } .pageMA #page .subscribeMA:last-child {margin-bottom: 20px} .subscribeMA img {margin: 0 0 30px;} .topusers.topBlock {background: none;} .forumblock { background: #F4F4F4; margin-bottom: 0; } .forumblock .forum {background: #fff;} .forumblock .forum td:first-child {text-align: left;} .getIn { clear: both; overflow: hidden; padding: 30px 0; background: #F4F4F4; } .getIn h1 { font-size: 36px; margin: 0 0 50px; font-weight: 600; text-align: center; } .getIn h1 span {color: #2799fa;} .getIn .container {max-width: 860px;} .member {text-align: center;} .member a { font-size: 90px; border: 5px solid #2799fa; display: inline-block; position: relative; width: 95px; height: 95px; border-radius: 95px; -moz-border-radius: 95px; -webkit-border-radius: 95px; text-align: center; overflow: hidden; color: #2799fa; margin: 0 0 30px; } .m2 a { border-color: #409E47; color: #409E47; background: #fff } .m3 a { border-color: #F3AB35; color: #F3AB35; } .member a i { position: absolute; bottom: -22px; left: -1px; margin-left: -.2em; } .member h3, .member h4 { margin: 0; font-weight: 600 } .member h3 { font-size: 36px; margin-bottom: 8px; } .member h4 {font-size: 14px;} .signedMap { text-align: center; padding-bottom: 90px; } .signedMap h1 {margin: 0 0 60px;} .topBlock.signedMap {margin-bottom: -26px;} .newMember {text-align: center;} .newMember img { border-radius: 138px; -moz-border-radius: 138px; -webkit-border-radius: 138px; margin: 0 0 7px; border: 1px solid #fff; } .newMember h3 { margin: 0; font-size: 14px; font-weight: 600; } .newMember h3 span { display: block; font-weight: 400; color: #d0d2d4; padding: 5px 0 0 0; } .allmembers .newMember {height: 200px;} .subscribeMA .col-sm-12 .col-sm-12 { text-align: right; padding-top: 20px; } .subscribeMA .col-sm-12 .col-sm-12 a { color: #2799fa; font-size: 12px; text-transform: uppercase; } .subscribeMA .col-sm-12 .col-sm-12 a:after { content: ">"; display: inline-block; padding-left: 4px; } .topFeat { position: relative; height: 100%; margin: 0 0 -1px; } .topFeat img {width: 100%} .contentFeat { position: absolute; top: 0; left: 10px; right: 10px; z-index: 9; padding: 30px 0 0 0; height: 100%; } .contentFeat .container, .contentFeat .row, .contentFeat .col-sm-12 {height: 100%;} .contentFeat h1 { position: relative; color: #fff; max-width: 645px; font-size: 30px; font-weight: 600; background: url(img/bg/bgB.png); padding: 15px 25px 16px 0; } .contentFeat h1:before { content: ""; display: block; position: absolute; width: 300%; height: 100%; background: url(img/bg/bgB.png); top: 0; right: 100%; } .downFeat { position: absolute; bottom: 25px; right: 10px; width: 300px; } .downFeat .btn-large { height: 42px; margin-top: 15px; font-weight: 600; padding-top: 10px; font-size: 16px; } .btn-read.btn-large {background: url(img/bg/btnreadL.png)} .itemFeat { overflow: hidden; position: relative; height: 352px; } .topFeat .owl-pagination { position: absolute; bottom: 10px; text-align: center; width: 100%; } .subT { text-align: center; margin: -25px 0 55px; line-height: 150%; } .buble { width: 260px; border: 1px solid #F0F0F0; padding: 1px; background: #fff; position: absolute; bottom: 50px; left: 50px; box-shadow: 0 0 6px #cacaca; -moz-box-shadow: 0 0 6px #cacaca; -webkit-box-shadow: 0 0 6px #cacaca; } .buble h3 { position: relative; color: #fff; background: #444; font-size: 14px; margin: 0 0 15px; font-weight: 400; text-align: center; line-height: 140%; padding: 10px 0; } .buble h3:before { width: 19px; height: 11px; content: ""; display: block; background: url(img/ico/ico.png) -107px -33px; left: 50%; margin-left: -8.5px; top: -11px; position: absolute; } .buble h4 { font-size: 14px; padding: 0 10px; } .buble hr { margin-top: 10px; margin-bottom: 10px; } .buble ul { list-style: none; margin: 0; padding: 0; clear: both; overflow: hidden; } .buble li { text-align: center; width: 50%; float: left; } .buble li .icon { display: inline-block; position: relative; overflow: hidden; width: 49px; height: 49px; border-radius: 49px; -moz-border-radius: 49px; -webkit-border-radius: 49px; border: 3px solid #2799fa; color: #2799fa; margin: 0 0 2px; } .buble li .icon i { position: absolute; bottom: -11px; left: -9px; font-size: 44px; } .buble li.li2 .icon {border-color: #E97F45;} .buble li.li2 .icon i { font-size: 0; display: block; width: 30px; height: 30px; background: url(img/ico/ico.png) -107px 0; bottom: 5px; left: 6px; } .buble li h4 {margin: 0 0 4px;} .buble li p { font-size: 12px; font-weight: 600; } .buble li p span {display: block;} .buble .content div {padding: 14px 15px 15px;} .buble .btn-block+.btn-block {margin-top: 10px;} .buble .btn-default { height: 30px; padding-top: 4px; } .buble .content div.desc {padding: 0 10px;} .buble .content div.desc div, .buble .content div.desc p { font-size: 12px !important; padding: 0; } /*single*/ .maSingle .getIn { border: 0; margin: 0 0 40px; } .maTabs figure { position: absolute; top: 0; left: 0; } .maTabs figure img { border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; border: 1px solid #D2D4D6; padding: 1px; background: #fff } .joined {padding-bottom: 10px;} .joined, .maTabs .text { padding-left: 74px; clear: both; } .joined img { border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; float: left; margin: 0 5px 6px 0; position: relative; border: 1px solid #D2D4D6; padding: 1px; background: #fff } .joined h3 { margin: 0; font-weight: 600; font-size: 12px; } .joined h3 a, .joined h3 span {color: #2799fa;} .maTabs p { position: relative; padding-left: 30px; } .maTabs p:before { content: ""; display: block; top: 0; left: 9px; height: 100%; width: 2px; background: #F4F4F4; position: absolute; } .maSingle aside .blockTitle { background: #E3E4E5; color: #444; } .maSingle .sideBlock ul { padding: 10px 0 0 0; margin: 0; list-style: none; } #recentM {margin: 0 0 40px;} #recentM ul { text-align: center; overflow: hidden; } #recentM li { display: none; margin: 0 3px; float: left; } .sideBlock#recentM li, #contact #recentM li {display: block;} .sideBlock#recentM li:nth-child(3n+4) {clear: both;} #recentM li a p.online, #recentM li a p.offline {padding: 0} #recentM li a p.online span { background: #57a85c none repeat scroll 0 0; border-radius: 10px; display: inline-block; height: 10px; margin-right: 5px; width: 10px; } #recentM li a p.offline span { background: #d0d2d4 none repeat scroll 0 0; border-radius: 10px; display: inline-block; height: 10px; margin-right: 5px; width: 10px; } #contact #recentM li { padding-left: 0; padding-right: 0; margin: 0 0 10px; width: 16%; height: 130px; position: relative; } #contact #recentM li .buttonorange { position: absolute; bottom: 0; left: 2%; width: 96%; text-align: center; margin: 0; } #recentM li img { border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; border: 1px solid #D2D4D6; padding: 1px; background: #fff } #recentM li span { font-size: 12px; color: #415055 } #recentM li.visible { display: block; height: 145px; } #forum ul { background: #FBFBFB; padding: 20px 10px } #forum li { clear: both; overflow: hidden; padding: 0 0 17px; margin: 0 0 17px; border-bottom: 1px dotted #E5E7E8; } #forum li:last-child { margin: 0; padding: 0; border: 0; } #forum li img { border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; border: 1px solid #D2D4D6; padding: 1px; background: #fff; float: left; margin: 0 10px 0 0; } #forum li h3 { font-size: 13px; font-weight: 600; margin: 0; line-height: 130%; } #forum li h3 a {color: #444;} #forum li span { color: #2799fa; font-size: 12px; font-weight: 600; } .cstm_img { background-color: rgba(0, 0, 0, 0); background-image: url("img/bg/trainBG.jpg"); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 20px; float: left; padding: 215px 0; text-align: center; width: 100%; } .nav>.li_cls>a:focus {background: rgba(0, 0, 0, 0) url("img/bg/primarylg.gif") repeat scroll 0 0!important;} /* -------------------------------------------------------------- MEDIA QUERIES -------------------------------------------------------------- */ /* -------------------------------------------------------------- SMALL DEVICES AND UP -------------------------------------------------------------- */ @media (max-width:1600px) {dropdown_mob_menu} {} @media (max-width:1023px) {dropdown_mob_menu} {} @media (max-width:767px) {dropdown_mob_menu} {} @media (max-width:600px) {dropdown_mob_menu} .cstm_img {height: auto;} {} @media (max-width:480px) {.form-control} .sideTop .otm {display: none} {} @media (max-width:320px) {} /* -------------------------------------------------------------- MEDIUM DEVICES AND UP -------------------------------------------------------------- */ @media (min-width: 801px) {.visible-mmd} /* -------------------------------------------------------------- MAIN MENU -------------------------------------------------------------- */ .navbar { margin-bottom:0;background:#444444;min-height: 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; } .navbar-nav.navbar-right:last-child {margin-right: 0;} .navbar-collapse.collapse {padding: 0;} .navbar-nav>li {height: 58px; position: static; } .navbar-nav>li .dropdown-menu { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 0; } .navbar-nav>li:hover .dropdown-menu, .navbar-nav>li.hover .dropdown-menu { display: block; opacity: 1; } .navbar-nav>li.liSearch:hover .dropdown-menu, .navbar-nav>li.liSearch.hover .dropdown-menu { display: none; opacity: 0; } .displayBar { display: block !important; opacity: 1 !important; } .liSearch.mobile-only{display:none;} .navbar-nav>li.liSearch .dropdown-menu {z-index: 999999;} .navbar-nav>li.item2, .navbar-nav>li.item4 {position: relative;} .navbar-nav>li>a { padding: 0 14px; text-transform: uppercase; font-size: 17px; color: #fff; font-weight: 400; } .navbar-nav>li.current-menu-item>a{color: #F3AB35;} .navbar-nav>li>a:hover{color: #F3AB35 !important;} .navbar-nav>li.current-menu-item>a:after{width: 100%;height: 2px;border-bottom: 5px solid #F3AB35;display: block;position: absolute;bottom: 0px;content: '';left: 0;} .navbar-nav>li>a i {font-size: 18px} .navbar-nav>li>a:hover {background-color: #5f5f5f; /*color:#2799fa;*/} .navbar-nav>li>a .caret { margin-left: 4px; font-size: 12px; } /*open*/ .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border: 0; /*color:#2799fa;*/} /*dropdown*/ .navbar .col-xs-12 {position: static;} .nav-left .dropdown-menu { left: -1px; right: -1px; border-color: #d2d2d2; border-top: 1px solid #D2D2D2; padding: 20px 0 30px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .nav-left .dropdown-menu a img {margin: 0 0 10px;} .nav-left .dropdown-menu a span { font-size: 14px; color: #444; font-weight: 400; } .nav-left .col-sm-2.last:before { content: ""; position: absolute; top: 0; right: -11px; background: #d2d2d2; width: 1px; height: 100%; } .nav-left .col-sm-4 {padding-left: 30px;} .nav-left .col-sm-4:before { content: ""; position: absolute; top: 0; left: 10px; background: #d2d2d2; width: 1px; height: 100%; } .nav-left h4 { color: #F1AB34; margin: 0 0 10px; text-transform: uppercase; font-size: 14px; font-weight: 600; } .nav-left .col-sm-4 ul, .nav-left .col-sm-4 ul li { list-style: none; margin: 0; padding: 0; } .nav-left .col-sm-4 ul { clear: both; overflow: hidden; margin: 0 -10px; } .nav-left .col-sm-4 ul li { float: left; width: 50%; padding: 0 10px; } .nav-left .col-sm-4 li a { font-size: 12px; color: #444; font-weight: 600; text-transform: uppercase; display: block; border-bottom: 1px solid #d2d2d2; padding: 9px 0 8px; } .nav-left .col-sm-4 li.nb a { border: 0; padding-bottom: 0 } .navbar-nav>li.item2 .dropdown-menu {width: 665px;} .navbar-nav>li.item2 .dropdown-menu .container {width: 100%;} .nav-left .item2 .col-sm-8 {padding-left: 20px;} .nav-left .item2 .col-sm-8:before { content: ""; position: absolute; top: 0; right: -11px; background: #d2d2d2; width: 1px; height: 100%; } .item2 .mag { float: left; position: relative; z-index: 1; margin: 0 25px 0 0; } .item2 .mag span { position: absolute; top: -12px; right: -13px; } .item2 .mag img {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);} .infoMag span { display: inline-block; height: 19px; line-height: 19px; text-transform: uppercase; background: #cf182f; font-size: 10px; padding: 0 5px; color: #fff; margin: 0 0 8px; } .infoMag h3 { font-size: 14px; margin: 0 0 10px; color: #444; line-height: 130%; position: relative; } .infoMag p { font-size: 13px; font-weight: 600; } .nav-left .item2 .col-sm-4 ul li { width: 100%; max-width: 150px; } .nav-left .item3 .date { left: 10px; top: 41px; } .item3 .year { height: 18px; font-size: 11px; padding-top: 1px; } .navbar-nav>li.item4 .dropdown-menu { width: 233px; padding-left: 15px; padding-right: 15px; } .navbar-nav>li.item4 .dropdown-menu ul, .navbar-nav>li.item4 .dropdown-menu ul li { list-style: none; margin: 0; padding: 0; } .navbar-nav>li.item4 .dropdown-menu ul li:last-child {border-bottom: none;} .navbar-nav>li.item4 .dropdown-menu ul li { border-bottom: 1px solid #D2D2D2; padding: 9px 0 8px; } .navbar-nav>li.item4 .dropdown-menu ul li.featli, .navbar-nav>li.item4 .dropdown-menu ul li.featli:last-child { border-top: 1px solid #D2D2D2; padding: 9px 15px 8px; margin: -1px -15px 0; } .navbar-nav>li.item4 .dropdown-menu ul li:last-child { border: 0; padding-bottom: 0; } .navbar-nav>li.item4 .dropdown-menu ul li a { color: #444; display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; } .feat { display: block; color: #6B2E78; font-size: 11px; } #featNoLink { display: block; color: #6B2E78; font-size: 11px; float: left; } .feat a { color: #fff!important; text-decoration: none; background: #6B2E78; height: 28px; line-height: 28px; text-align: center; margin: 7px 0 6px; text-transform: none!important } #featNoLink a { display: block; color: #6B2E78; font-size: 11px; float: right; margin-left: 5px; } /*right nav*/ .liSearch { line-height: 40px; font-size: 19px; font-weight: 300; cursor: pointer; } .navbar-nav>li.liSearch>a { padding-left: 8px; padding-right: 8px; } .liUser, .liUser2 { line-height: 40px; font-size: 24px; font-weight: 300; padding: 0 2px; cursor: pointer; } .navbar-nav>li.liUser a.a, .navbar-nav>li.liUser2 a.a { height: 58px; width: 52px; display: block; text-align: center; } .navbar-nav>li.liUser a.a .icon-user, .navbar-nav>li.liUser2 a.a .icon-user { margin-top: 0; display: block; } /*right open*/ .navbar-right li {position: relative;} .navbar-right .dropdown-menu { right: 0px; left: 0px; } .navbar-right li.liConnect {position: relative;} .navbar-right li.liSearch {position: static;} .navbar-right li.liConnect .dropdown-menu { right: -1px; left: auto; width: 197px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .navbar-right li.liConnect .dropdown-menu li {padding: 0 10px;} .navbar-right li.liConnect .dropdown-menu li a { display: block; clear: both; overflow: hidden; font-size: 12px; text-transform: uppercase; padding: 8px 0px 6px; border-bottom: 1px solid #d2d2d2; font-weight: 400; } .navbar-right li.liConnect .dropdown-menu li a:hover {background-color: #eee;} .navbar-right li.liConnect .dropdown-menu li i { float: right; margin-top: -3px; font-size: 18px; } .navbar-right li.liConnect .dropdown-menu li:last-child a {border: none;} .liSearch .dropdown-menu { padding: 15px 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-left: 0; border-right: 0; } .liSearch .dropdown-menu form { padding-right: 72px; position: relative; } .liSearch .dropdown-menu form input {height: 33px;} /*.liSearch .dropdown-menu form button { position: absolute; top: -1px; right: 0; width: 72px; height: 34px; background: url(img/bg/read2.gif) top left repeat-x; }*/ /*.navbar.fixed { position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 10; } .navbar.fixed #logofixed { overflow: hidden; width: 63px; border-left: 1px solid #D2D2D2; padding: 4px 0 3px 10px; z-index: 10; position: relative; display: block; float: left; margin-right: 10px; } .navbar.fixed #logofixed img {height: 33px;}*/ .navbar-nav > li > a{line-height:58px;} .liSearch input.form-control, .liSearch button{display: inline-block;float: left;border-radius:0 5px 5px 0;} .liSearch input.form-control{width:340px;border-radius: 5px 0 0 5px;height: 40px;padding-left:20px;} .liSearch form{padding-top:9px;} .liSearch input::placeholder{color:#F3AB35;font-size:16px;font-weight:400;} .liSearch input:-ms-input-placeholder{color:#F3AB35;font-size:16px;font-weight:400;} .liSearch input::-ms-input-placeholder{color:#F3AB35;font-size:16px;font-weight:400;} .liSearch i.icon-search{color:white;} .liSearch form button{border:none;outline:none;width:40px;height:40px;background:#F3AB35;} /* -------------------------------------------------------------- JUST MEDIUM DEVICES -------------------------------------------------------------- */ @media only screen and (min-width: 767px) and (max-width: 1023px) {} /* -------------------------------------------------------------- LARGE DEVICES / DESKTOP -------------------------------------------------------------- */ @media (min-width: 1025px) {} @media (min-width: 1200px) {} @media (min-width: 1400px) {} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper {max-width: none;} #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft {clear: left;} #cboxContent {position: relative;} #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle {margin: 0;} #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;} .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox.They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay {background: #000;} #colorbox {outline: 0;} #cboxTopLeft { width: 14px; height: 14px; background: url(img/colorbox/controls.png) no-repeat 0 0; } #cboxTopCenter { height: 14px; background: url(img/colorbox/border.png) repeat-x top left; } #cboxTopRight { width: 14px; height: 14px; background: url(img/colorbox/controls.png) no-repeat -36px 0; } #cboxBottomLeft { width: 14px; height: 43px; background: url(img/colorbox/controls.png) no-repeat 0 -32px; } #cboxBottomCenter { height: 43px; background: url(img/colorbox/border.png) repeat-x bottom left; } #cboxBottomRight { width: 14px; height: 43px; background: url(img/colorbox/controls.png) no-repeat -36px -32px; } #cboxMiddleLeft { width: 14px; background: url(img/colorbox/controls.png) repeat-y -175px 0; } #cboxMiddleRight { width: 14px; background: url(img/colorbox/controls.png) repeat-y -211px 0; } #cboxContent { background: #fff; overflow: visible; } .cboxIframe {background: #fff;} #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent {margin-bottom: 5px;} #cboxLoadingOverlay {background: url(img/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic {background: url(img/colorbox/loading.gif) no-repeat center center;} #cboxTitle { position: absolute; bottom: -25px; left: 0; text-align: center; width: 100%; font-weight: bold; color: #7C7C7C; } #cboxCurrent { position: absolute; bottom: -25px; left: 58px; font-weight: bold; color: #7C7C7C; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; position: absolute; bottom: -29px; background: url(img/colorbox/controls.png) no-repeat 0px 0px; width: 23px; height: 23px; text-indent: -9999px; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline: 0;} #cboxPrevious { left: 0px; background-position: -51px -25px; } #cboxPrevious:hover {background-position: -51px 0px;} #cboxNext { left: 27px; background-position: -75px -25px; } #cboxNext:hover {background-position: -75px 0px;} #cboxClose { right: 0; background-position: -100px -25px; } #cboxClose:hover {background-position: -100px 0px;} .cboxSlideshow_on #cboxSlideshow { background-position: -125px 0px; right: 27px; } .cboxSlideshow_on #cboxSlideshow:hover {background-position: -150px 0px;} .cboxSlideshow_off #cboxSlideshow { background-position: -150px -25px; right: 27px; } .cboxSlideshow_off #cboxSlideshow:hover {background-position: -125px 0px;} .postEvent .sideBlock .owl-item {height: 70px;} #mapsponsors { position: absolute; top: -65px; right: 150px; } #mapsponsors>div { display: none; height: 50px; position: absolute; top: 0px; width: 350px; right: 90px; text-align: center; } /*#sponsors .sponsor { width: 100%; display: block; height: 80px; }*/ #sidebar-right #sponsors .sponsor { height: 60px; padding: 0 5px; } p.ineventsp strong {font-weight: 600;} p.ineventsp strong a {color: #fff;} p.ineventsp {font-weight: 300;} li.liUser {position: relative;} .navbar-nav>li.liUser .dropdown-menu { width: 320px; right: 0; left: auto; padding: 0 15px 10px; } .navbar-nav>li.liUser .dropdown-menu label { color: #444; font-size: 14px; font-weight: bold; margin-bottom: 0; line-height: 100% } .navbar-nav>li .dropdown-menu .noaccount, .navbar-nav>li .dropdown-menu .forgotpass {font-size: 12px;} .navbar-nav>li .dropdown-menu .noaccount {padding: 0;} .navbar-nav>li.liUser .dropdown-menu .form-control {margin-bottom: 10px;} .yearmobile {padding: 10px 10px 20px;} .yearmobile label { text-align: right; display: block; padding: 7px 15px; } .yearmobile select {width: 100%;} .yearmobile .col-xxs-4 { width: 25%; float: left; } .yearmobile .col-xxs-8 { width: 75%; float: left; } .thickLine hr { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #eaebeb; } .video.half { width: 50%; float: left; padding-left: 4px; position: relative; } .video.half:first-child { padding-left: 0; padding-right: 4px; } .shareleft a:hover, .sharebox a:hover {text-decoration: none;} .relatedinline { width: 140px; float: left; padding: 0 20px 20px 0; padding-bottom: 30px; background-color: #fff; margin-left:0px;} .relatedinline h3 { text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 20px; } .relatedinline h4 { line-height: 17px; border-top: 1px dotted #cdcdcd; padding: 0 0 5px; margin: 0 0 5px; padding-top: 7px; } .relatedinline h4 a { font-size: 14px; color: #2AACDD; font-weight: normal; } @media only screen and (max-width: 800px) { .relatedinline { width: 100%; float: none; } } #codetext { background: #F7B116; text-align: center; padding: 8px 10px; font-weight: bold; clear: both; color: #fff; display: none; } blockquote { border: 0; margin: 1.5em 1em; padding: .5em 1em; line-height: 30px; quotes: """ """} /* blockquote { border: 0; margin: 1.5em 1em; padding: .5em 1em; quotes: "201C""201D"; line-height: 30px; } */ blockquote:before { color: #cccccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; } blockquote:after { color: #cccccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; padding-left: 10px; content: '"';} /* blockquote:after { color: #cccccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; content: "201D"; padding-left: 10px; } */ blockquote :first-child {display: inline;} blockquote :last-child {margin-bottom: 0;} #contactsearch p:before {display: none !important;} #contactsearch p {padding-left: 0 !important;} #contactsearch p label { font-weight: normal !important; margin-left: 10px; } #contactsearch .button { background: url(img/bg/primary.gif); height: 30px; width: 100%; color: #fff; } .eventlistsponsors .date { left: 10px; top: 41px; } .eventlistsponsors a { color: #111; text-align: left; } .subscribeMA.eventlistsponsors img {margin-bottom: 10px;} .eventlistsponsors .col-sm-4 {margin-bottom: 30px;} #messagesponsors {display: none;} .eventsTabs h3.past { font-size: 18px; text-transform: uppercase; padding-left: 15px; margin-top: 30px; } .buttonorange { background: #F0AB3E; border-radius: 3px; color: #253946; font-weight: 600; padding: 6px 3px; display: block; font-size: 11px; margin-top: 10px; } .buttongrey { background: #415055; border-radius: 3px; color: #253946; font-weight: 600; padding: 6px 15px; display: block; font-size: 12px; margin-top: 10px; color: #fff; } .button.orange { background: #F0AB3E; color: #253946; } .edboard .col-sm-2 {padding-bottom: 10px;} .edboard .col-sm-2:nth-child(6n+7) {clear: both;} @media only screen and (max-width: 800px) { .edboard .col-sm-2:nth-child(6n+7) {clear: none;} .edboard .col-sm-2:nth-child(3n+4) {clear: none;} } .whitelistLoggedIn { top: -30px; font-size: 10px; background-color: #E6E6E6; padding: 1px; padding-left: 3px; padding-right: 3px; position: relative; font-weight: 700; text-align: center; } #header .whitelistLoggedIn { font-size: 12px; margin-top: 60px; background: none } .whitelistLoggedInFooter { top: -30px; font-size: 11px; padding: 1px; padding-left: 15px; padding-right: 3px; padding-top: 85px; position: relative; font-weight: 700; text-align: center; } .sideBlockads>div>div {padding-bottom: 20px;} table.forum td a.deletetopci, a.deletetopci {color: #f00;} a.forumheader { display: block; text-transform: uppercase; color: #fff; background: #444; padding: 10px; clear: both; text-align: left; } .seeall { float: right; color: #2799fa; margin: 5px 0 15px; } .pad10 {padding: 10px;} #containerin {overflow: hidden;} .caption { padding: 5px; border-bottom: 0px solid #eee; margin-bottom: 20px; font-size: 12px; margin-top: -20px; } .loading_ajax { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); background-image: url("img/loading_n.gif"); background-position: center center; background-repeat: no-repeat; background-repeat: no-repeat; z-index: 55; } article.list p.listdate {margin: 0} .addthisevent-drop .addthisevent_icon {display: none} .addthisevent-drop {background: none;} .addthisevent-drop {border-radius: 0px} .slider .addthisevent-drop {border-radius: 0px} .slider .addthisevent-drop .button {border-radius: 0px} .form-control {float: none} .dropdown_mob_menu { display: none; width: 355px; margin: 0px; top: 30px; background-color: rgb(255, 255, 255); padding: 20px; padding: 5px 20px; position: absolute; } .dropdown_mob_menu li {list-style: none} #atedrop2 {display: none !important;} .front .owl-buttons div {display: block;} .stepd3 input[type="submit"] { float: right; background: rgba(0, 0, 0, 0) url("img/bg/btn.png") repeat-x scroll 0 0; border: medium none; color: #fff; display: inline-block; font-size: 14px; height: 34px; padding: 0 30px; border-radius: 3px; } .stepd3 input[type="submit"]:hover { background: #006d96 none repeat scroll 0 0; color: #fff; } #recentM .attendees { margin: 0; padding: 0; width: 25%; } #attendees #recentM ul { margin: 0; padding: 0; } .liUser_mob1 ul.notdropdown a { font-size: 14px; text-transform: uppercase; } .liUser_mob1 ul.notdropdown li {border-bottom: 1px solid #e5e5e5;} .liUser_mob1 ul.notdropdown { padding: 0; text-align: right; width: 50%; } .col-sm-12.visible-xs.mobile_member_event_menu { border-bottom: 1px solid #ccc; padding: 10px 20px; } .col-sm-12.visible-xs.mobile_member_event_menu A { color: #000; display: block; } .subscribetop {display: none !important} .headlines .col-sm-6 {min-height: 222px;} .headlines .col-sm-6.block3, .headlines .col-sm-6.block6 {min-height: auto;} body.maSingle .topFeat.owl-carousel { display: block; background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; margin: 0 0 50px; text-align: center; width: 100%; } body.maSingle .contentFeat h1 { text-align: left; line-height: 1.3em; } .grid .col-sm-4 p.video-date { margin-top: 4px; text-align: left; font-size: 13px; } .col-sm-12.multimedia #video p.video-date { margin-top: 4px; text-align: right; font-size: 13px; color: #fff; margin-top: 10px; } .pea_cook_wrapper.pea_cook_bottomright {background: rgba(38,56,64,1) !important;} .pea_cook_wrapper p { font-weight: normal !important; font-size: 12px !important; } body.pageMA.maSingle form#contactsearch {margin-bottom: 0 !important;} body.pageMA.maSingle .userJobtitle {display: none;} body.pageMA.maSingle input.print-attendees { padding: 6px 12px; outline-color: red; outline-width: 1px; outline-style: solid; } /* Single Event Page - Attendees List */ @media print { body.pageMA.maSingle header{display:none;} body.pageMA.maSingle nav.navbar {display: none;} body.pageMA.maSingle topFeat.owl-carousel {display: none;} body.pageMA.maSingle .getIn {display: none;} body.pageMA.maSingle a[href]:after {content: none !important;} .contentFeat h1:before {display: none;} body.pageMA.maSingle .form.nobg {display: none;} body.pageMA.maSingle .maTabs .nav-tabs > li:last-child {display: none;} body.pageMA.maSingle .topFeat .itemFeat {height: 160px;} body.pageMA.maSingle .col-sm-4 {display: none;} body.pageMA.maSingle .popular {display: none;} body.pageMA.maSingle footer {display: none;} body.pageMA.maSingle #clousure {display: none;} body.pageMA.maSingle .col-sm-8 { width: 100%; float: none; } body.pageMA.maSingle .topFeat.owl-carousel {margin-bottom: 0;} body.pageMA.maSingle #recentM li img {display: none;} body.pageMA.maSingle #recentM li.visible { text-align: left; height: auto; clear: both; padding-bottom: 20px; } body.pageMA.maSingle #recentM li br {display: none;} body.pageMA.maSingle #recentM li a {font-weight: bold;} body.pageMA.maSingle #recentM li span {font-weight: normal;} body.pageMA.maSingle .active-now {display: none;} body.pageMA.maSingle .attendees-total { display: block; float: left; } body.pageMA.maSingle .user62 {width: auto;} body.pageMA.maSingle #recentM .attendees {width: 100%;} /* body.pageMA.maSingle .maTabs .tab-content{padding-top:30px;} */ body.pageMA.maSingle .maTabs .tab-content {border-top: none;} body.pageMA.maSingle .maTabs {margin-bottom: 0;} body.pageMA.maSingle .contentFeat .col-sm-12 {height: auto;} body.pageMA.maSingle .maTabs .nav-tabs>li.active>a, .maTabs .nav-tabs>li.active>a:hover {border-top: none;} body.pageMA.maSingle .itemFeat {height: auto;} body.pageMA.maSingle .contentFeat {position: relative;} body.pageMA.maSingle .contentFeat h1 {padding: 0 !important;} body.pageMA.maSingle h1 { margin: 0 !important; padding: 0 !important; } body.pageMA.maSingle .topFeat.owl-carousel { margin: 0; height: 110px !important; } body.pageMA.maSingle .contentFeat .col-sm-12 {padding-left: 0 !important;} body.pageMA.maSingle * {overflow: visible !important;} body.pageMA.maSingle .userCompanyName:before {content: " - ";} body.pageMA.maSingle .userJobtitle {display: block !important;} body.pageMA.maSingle .maTabs .nav-tabs>li:first {width: 100%;} body.pageMA.maSingle .maTabs .nav-tabs>li>a {text-align: left;} body.pageMA.maSingle.printAttendees #recentM li img {display: block;} body.pageMA.maSingle.printAttendees #recentM li.visible { text-align: center; height: 165px; clear: none; } body.pageMA.maSingle.printAttendees #recentM li br {display: block;} body.pageMA.maSingle.printAttendees #recentM .attendees { width: 16%; float: left; } } /***********************************/ /***********************************/ /********** GTR Connect ************/ /***********************************/ /***********************************/ body.connect-page p {color: #153a64;} body.connect-page .blockTitle { float: left; width: 100%; background: #36bac1; } body.connect-page #sidebar-right .blockTitle {margin-bottom: 20px;} body.connect-page #magazine .blockTitle, body.connect-page #directory .blockTitle {background: #263840;} body.connect-page .blockTitle.form-panel { margin-top: 25px; float: left; width: 100%; } /*body.connect-page .col-sm-8 { background: #f1f1f1; padding: 25px; }*/ body.connect-page .col-sm-8 .main.column{background: #f1f1f1; float: left; padding: 25px; margin-right: 60px;} body.connect-home .col-sm-8 form { border: none !important; padding: 10px 20px 0 20px !important; background: none !important; } body.connect-home #subscribetoevent.form .field{margin:0;} body.connect-home p.welcome-connect { font-weight: bold; margin-top: 10px; } body.connect-home .panel-content, body.connect-home .panel-top { float: left; width: 100%; background: #e8e9eb; padding-bottom: 20px; } body.connect-page .panel-top {padding: 25px;} body.connect-page .panel-top.events-booked {padding: 0;} body.connect-page .panel-top.events-booked p { padding: 25px 20px 0 20px; margin-bottom: 0; } body.connect-page .panel-top.subscription p {margin-bottom: 10px;} body.connect-page .panel-top p { float: left; margin-bottom: 20px; } body.connect-page .panel-top.dropdown-panel p {width: 100%;} body.connect-page .panel-top button { float: right; background: #fff; border: 1px solid #dadada; padding: 5px 20px; margin: 20px; color: #000; } body.connect-page .panel-top button:hover {background: #ececec;} body.connect-page .panel-top button.renewal-btn:hover {background: rgba(255, 156, 56, 0.86);} body.connect-page .panel-top a.show-all, body.connect-page .panel-content a.show-all-bottom { text-align: center; text-decoration: none; color: #28383f; margin: 0 auto; display: block; width: 80px; margin-top: 25px;} body.connect-page .panel-top a.show-all span, body.connect-page .panel-content a.show-all-bottom span {float: left;} body.connect-page .panel-top a.show-all .drop-arrow, body.connect-page .panel-content a.show-all-bottom .drop-arrow { float: left; padding: 5px 0 10px 0; } body.connect-home .panel-top.events-booked {padding-bottom: 0;} .panel-content.dropdown-panel { display: none; padding-bottom: 35px !important; } /* div.drop-arrow{margin-top:5px;margin-left:8px;background: url('../../themes/gtr2018/img/arrow-down.png');width:14px;height:8px;background-repeat: no-repeat !important;} */ div.drop-arrow { margin-top: 5px; margin-left: 8px; background: url(img/arrow-down-connect.png); width: 14px; height: 8px; background-repeat: no-repeat !important; } div.drop-arrow.rotated {background: url(img/arrow-up-connect.png);} body.connect-page .events-booked .event-item { float: left; width: 100%; background: #fff; padding: 20px; margin-bottom: 10px; } body.connect-page .events-booked .event-item:last-child {margin-bottom: 0;} body.connect-page .events-booked .event-item a { text-decoration: none; color: #28383f; } body.connect-page .events-booked .event-item button { float: left; margin: 0; margin-top: 15px; color: #000; } .panel-content p.renewal { padding: 20px; float: left; width: auto; padding: 15px; color: #ff9c38; margin-bottom: 0; padding-left: 0; } button.renewal-btn { float: right; background: #ff9c38; border: 1px solid #dadada; padding: 5px 20px; margin: 10px 0 0 0; color: #fff; } body.connect-home .panel-content.subscription {padding-bottom: 0;} body.form-page .gform_wrapper { max-width: 100%; clear: both; padding: 0; margin: 0; padding-top: 25px; } .sidebar-connect section.sideBlock .content {padding: 10px;} .sidebar-connect section.sideBlock .content h3 { font-size: 18px; color: #28383f; margin-bottom: 20px; } .sidebar-connect section.sideBlock .content ul { padding: 0; margin: 0; list-style-type: none; } .sidebar-connect section.sideBlock .content ul li { padding-bottom: 10px; color: #28383f; font-size: 12px; } .sidebar-connect section.sideBlock .content ul li { color: #28383f; text-decoration: none; cursor: pointer;margin-bottom: 0 !important; padding-bottom: 10px !important; } body.connect-page.single .panel-content {padding: 20px;} body.connect-page.single .panel-content .col-sm-2.post-logo img { max-width: 100%; width: 100%; height: auto; border: 1px solid #cccccc; } body.connect-page.single h1.single-title { color: #000; font-size: 22px; font-weight: 600; line-height: 1.3em; } body.connect-page.single h2 { color: #000; font-size: 18px; font-weight: 600; } body.connect-page.single .panel-content .col-sm-8 { background: none; padding: 0; } body.connect-page.single .panel-content .panel-item {padding-bottom: 20px;} body.connect-page .cta-holder button.green {margin-bottom: 10px;} body.connect-page .cta-holder button.white { display: block; min-width: 130px; margin-top: 0; margin-bottom: 10px; } body.connect-page button.white.ajax-save-job, body.connect-page button.orange.ajax-save-job, body.connect-page button.green.ajax-save-job, body.connect-page button.white.ajax-save-course, body.connect-page button.orange.ajax-save-course, body.connect-page button.green.ajax-save-course { display: block; min-width: 130px; } body.connect-page button.green.ajax-save-job {margin-bottom: 10px;} body.connect-page button.white { background: #fff; border: 1px solid #dadada; padding: 5px 25px 7px 25px; margin: 20px; color: #000; font-size: 14px; margin: 0; margin-top: 10px; } body.connect-page button.white:hover {background: #ececec;} body.connect-page #sidebar-right button.white { padding: 8px 25px 7px 25px; font-size: 14px; width: 100%; } body.connect-page #sidebar-right button.white:focus {outline: 0;} body.connect-page .panel-content.jobs-board {background: none;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing { list-style-type: none; clear: both; float: left; padding: 0; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li { display: block; position: relative; float: left; padding: 30px 0; border-bottom: 1px solid #afafaf; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li:last-child {border-bottom: none;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .job-logo {padding-left: 0;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .job-logo img { max-width: 100%; width: 100%; height: auto; border: 1px solid #cccccc; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li img { float: left; max-width: 70px; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li a { float: left; color: #000; /* padding-top:15px; */ } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li a:focus {outline: none;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 {padding: 8px 0 0 10px;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-title { max-width: 330px; font-weight: 600; font-size: 14px; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info { float: left; clear: both; width: 66%; padding-top: 10px; font-size: 12px; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info .left {padding-left: 0;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info .left p { color: #aaaaaa; margin-bottom: 5px; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info .right {} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info .right p { color: #606060; margin-bottom: 5px; } body.connect-page .panel-content.jobs-board {padding: 30px 0 35px 0;} body.connect-page .panel-content.jobs-board .col-sm-12.job-filters {padding: 35px 0 15px 0;} body.connect-page .panel-content.jobs-board .job-filters .col-sm-6:first-of-type {padding-right: 15px;} body.connect-page .panel-content.jobs-board .job-filters .col-sm-6:last-of-type {padding-left: 15px;} body.connect-page .panel-content.jobs-board .job-filters .col-sm-6 {padding: 0;} body.connect-page .panel-content.jobs-board .job-filters select { width: 100%; padding: 0; border: 1px solid #cecece; } body.connect-page.single.job .panel-content.jobs-board ul.jobs-board-listing li {padding-bottom: 0;} body.connect-page.single.job .main-details, body.connect-page.single.job .main-details p { color: #aaaaaa; font-size: 12px; } body.connect-page.single.job .main-details h2 { font-weight: 600; font-size: 14px; color: #000; padding-top: 20px; padding-bottom: 10px; } body.connect-page.single.job .jobs-board-listing {width: 100%;} body.connect-page button.green:focus, body.connect-page button.orange:focus, body.connect-page button.white:focus, body.connect-page .panel-top button:focus, #fep-wrapper #fep-content form input[type=submit]:focus, body.maSingle #downloads .col-sm-4.eventdownload button.green:focus {outline: none !important;} body.connect-page button.green { background: #48c1c8; border: 1px solid #3eaeb5; padding: 5px 20px; color: #fff; min-width: 130px; } body.connect-page button.green:hover, body.pageMA.maSingle input.print-attendees:hover, body.maSingle #downloads .col-sm-4.eventdownload button.green:hover, #fep-wrapper #fep-menu .fep-button-active:hover, body.maSingle #attendee-popup #ap-send-message:hover {background: #4bcad2;} body.connect-page button.orange { background: #e9a127; border: 1px solid #d6901a; padding: 5px 20px; color: #fff; min-width: 130px; } body.connect-page button.orange:hover, #fep-wrapper #fep-content form input[type=submit]:hover {background: #f9b543;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .cta-holder { position: absolute; bottom: 22px; right: 0; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing.main-list li .cta-holder button.green { min-width: 100px; margin-bottom: 0; } body.connect-page.single.job .panel-content.jobs-board ul.jobs-board-listing li .cta-holder { position: absolute; right: 0; top: 30px; text-align: right; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .cta-holder a { width: 100%; display: block; margin-bottom: 12px; } body.connect-page .gform_wrapper textarea, body.connect-page .gform_wrapper input {border: 1px solid #CFCFCF !important;} body.connect-page .gform_wrapper input[type='file'] {border: none !important;} body.connect-page .gform_wrapper ul li.gfield {margin-bottom: 10px;} body.connect-page .gform_wrapper {padding: 20px 20px 20px !important; /* background: #e8e9eb; */} body.connect-page .gform_wrapper .gform_footer input[type=submit], body.connect-page .gform_wrapper .gform_page_footer input[type=button], body.connect-page .gform_wrapper .gform_page_footer input[type=submit], body.connect-page .gform_wrapper input[type=button] { background: url(img/bg/primary.gif) !important; border: none !important; border-radius: 0 !important; height: 30px !important; padding: 5px 15px 6px 15px !important; } body.connect-page .btn-primary {padding: 5px 15px 6px 15px !important;} body.connect-page #sidebar-right .btn-primary {line-height: inherit !important;} body.connect-page .gform_wrapper .ginput_container_radio, body.connect-page .gform_wrapper .ginput_container_post_image {padding: 5px 0 3px 0;} body.connect-page .gform_confirmation_message { clear: both; float: left; padding: 40px 10px; padding-top: 25px; } body.connect-page ul.jobs-board-listing li.job-listing {width: 100%;} body.connect-home .gtr-connect-courses {padding-top: 20px;} body.connect-home .gtr-connect-courses .gtr-connect-course { margin-bottom: 20px; display: block; background: #fff; border: 1px solid #ddd; padding: 10px; } body.connect-home .gtr-connect-courses .gtr-connect-course .course-title {margin-bottom: 0px;} body.connect-home .gtr-connect-courses .gtr-connect-course .course-title a { color: #262626; font-size: 13px; } body.connect-home .gtr-connect-courses .gtr-connect-course img { float: left; margin-right: 10px; } body.pageMA.maSingle #sort-attendees {font-size: 12px;} body.pageMA.maSingle #sort-attendees a { font-size: 12px; color: #262626; font-size: 11px; } .pageMA .head {padding: 0 0 15px;} body.maSingle .topFeat.owl-carousel { display: block; background-attachment: scroll; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; margin: 0 0 50px; text-align: center; width: 100%; } body.connect-home .gtr-connect-jobs {padding-bottom: 10px;} body.connect-home .mp_users_subscriptions_list ul{padding:0;} body.connect-home .mp_users_subscriptions_list ul li{padding: 15px 15px !important;background:#f1f1f1; margin-bottom: 10px !important;font-weight: 600;} body.connect-home p.sub-text{margin-top:15px !important;} /*body.connect-home .nosub .mp_users_subscriptions_list p{display:none;}*/ body.connect-home .mp_users_subscriptions_list{} body.connect-home .nosub #subscribetoevent{margin-top:15px;} body.maSingle #event-single-img { display: block; float: left; width: 100%; height: 430px; background-size: cover; margin-top: 30px; } body.maSingle .event-single-title { font-size: 27px; color: #0091d1; font-weight: 600; width: 380px; float: right; line-height: 1.2em; } body.maSingle .circle { display: table !important; background: #39bac1; display: block; width: 130px; height: 130px; border-radius: 50%; margin: 0 auto; } body.maSingle .circle-label { text-align: center; font-size: 18px; padding-top: 20px; font-weight: 600; color: #444; } body.maSingle .gtr-logo {padding-top: 5px;} body.maSingle .circle span, body.maSingle .circle img { display: table-cell; vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto; padding-top: 0; color: #fff; font-size: 42px; font-weight: 400; } body.maSingle .circle-stats {padding: 65px 0 75px 0;} body.maSingle h4 { font-weight: 600; font-size: 19px; padding-bottom: 15px; } body.maSingle .maTabs .tab-content { border-top: none; padding-top: 0; } form#contactsearch {padding: 0 !important;} body.maSingle form .col-sm-3 {padding-left: 0px;} body.maSingle #attendees #recentM ul { padding-top: 30px; float: left; clear: both; width: 100%; } body.maSingle #recentM .attendees {width: 16%;} body.maSingle #recentM .attendees .userName { color: #39bac1; font-size: 11px; font-weight: 600; } body.maSingle #recentM .attendees .userCompanyName { font-size: 11px; color: #706f6f; } body.maSingle #recentM .attendees .user62 { width: 100%; cursor: pointer; } body.maSingle .page_navigation {text-align: center;} body.maSingle .page_navigation , .alt_page_navigation {padding: 10px 10px 0 0;} body.maSingle .page_navigation a, .alt_page_navigation a { padding: 3px 5px; color: #000; border: 1px solid #d6d6d6; text-decoration: none; float: left; font-family: Tahoma; font-size: 14px; } body.maSingle .active_page { background-color: #444 !important; color: #fff !important; } body.maSingle .connect-single-event-logo {float: right;} body.maSingle .page_navigation { float: left; clear: both; } body.pageMA.maSingle input.print-attendees { padding: 6px 12px; color: #fff; background: #41bec5; outline: none; border: 1px solid #4ea0a5; } body.maSingle .maTabs { float: left; width: 100%; margin-bottom: 85px; } body.maSingle .maTabs .nav-tabs { border: 0; clear: both; overflow: hidden; margin-bottom: -1px } body.maSingle .maTabs .nav-tabs>li { margin: 0; border: 0; float: left; z-index: 9; } body.maSingle .maTabs .nav-tabs>li>a { border: 0; font-size: 12px; color: #565757; font-weight: 600; padding: 12px 0; display: block; text-align: center; width: 100%; text-align: center; margin: 0; border-bottom: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } body.maSingle .maTabs .nav-tabs>li>a:focus {background:transparent;} body.maSingle .maTabs .nav-tabs>li.active>a, .maTabs .nav-tabs>li.active>a:hover { border: 0; color: #444; background: #fff; position: relative; z-index: 10; color: #2799fa } body.maSingle .maTabs .nav-tabs>li>a span { color: #fff; padding: 1px 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5px; } body.maSingle .maTabs .tab-content { padding: 15px 0px 20px; position: relative; z-index: 9 } body.maSingle .maTabs article { clear: both; overflow: hidden; position: relative; padding: 0 0 20px; margin: 0 0 20px; min-height: 84px; } body.maSingle .maTabs article:last-child { border: 0; padding: 0; margin: 0; } body.maSingle .maTabs .nav-tabs > li:hover, body.maSingle .maTabs .nav-tabs > li > a:hover {background: none;} body.maSingle .maTabs .nav-tabs.circle-links {padding: 40px 0;} body.maSingle #downloads .col-sm-4.eventdownload button.green { float: none; background: #48c1c8; border: 1px solid #3eaeb5; padding: 5px 20px; color: #fff;margin:0 auto; } body.maSingle #downloads .col-sm-4.eventdownload .download-block { border: 1px solid #c1c1c1; float: left; width: 100%; margin-bottom: 20px; min-height: 200px; display: table; } body.maSingle #downloads .col-sm-4.eventdownload .download-block-item { display: table-cell; vertical-align: middle; } body.maSingle #downloads .col-sm-4.eventdownload { float: left; margin-bottom: 50px; } body.maSingle #downloads .col-sm-4.eventdownload p { text-align: center; padding-top: 10px; } body.maSingle #downloads ul.content { padding: 0; list-style-type: none; } body.connect-home p#renewal_response { float: left; padding: 20px 0; background: none; color: #36bac1; } body.connect-page .form-control {padding: 6px 8px;} body.connect-page .liSearch input.form-control{padding-left: 20px;} body.connect-home img.current-avatar { display: block; width: 80px; height: auto; padding: 15px 0; } body.connect-home input[type="submit"].btn-primary {margin-top: 20px;} body.connect-page .events-booked .event-item span {cursor: default;display:block;} body.connect-home .panel-top.subscription .subscription {padding-top: 15px;} body.connect-page #sidebar-right .adTop { padding-top: 0; padding-bottom: 20px; } body.connect-home .panel-content p.not-exist { float: left; padding-top: 5px; } body.connect-home .panel-content a.not-exist {float: right;} body.connect-home .panel-content a.not-exist button.white { margin-top: 0; min-width: 150px; } body.maSingle .attendees {position: relative;} body.maSingle .attendees.loading:before { content: ""; position: absolute; top: 10px; left: 0px; right: 0px; background: url('img/ajax-loader.gif') no-repeat center rgba(244,244,244,0.4); border-radius: 100px; width: 40px; margin: 0 auto; height: 40px; display: block; } body.maSingle #attendee-popup-backdrop { background: rgba(0,0,0,0.3); position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; } body.maSingle #attendee-popup { position: fixed; margin: 0px auto; width: 600px; top: 30%; max-height: 400px; left: 0px; right: 0px; box-shadow: 0 0 3px #aaa; border-radius: 5px; background: #fff; padding: 25px; text-align: left; z-index: 100; } body.maSingle #attendee-popup-close { position: absolute; top: -10px; right: -10px; height: 20px; width: 20px; display: block; background: url('img/close-window.png') no-repeat; cursor: pointer; } body.maSingle #attendee-popup #ap-avatar { float: left; margin-right: 15px; margin-bottom: 10px; display: block; } body.maSingle #attendee-popup #ap-send-message { background: #f4f; float: right; display: inline-block; color: #fff; padding: 5px 10px; } body.maSingle #attendee-popup #ap-description { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 10px; overflow-y: scroll; max-height: 200px; display: block; } body.maSingle #attendee-popup #ap-send-message { background: #48c1c8; border: 1px solid #3eaeb5; margin: 10px 15px 0 0; } body.maSingle #attendee-popup #ap-send-message, body.maSingle #attendee-popup #ap-send-message:hover, body.maSingle #attendee-popup #ap-send-message:focus {text-decoration: none;} body.maSingle #attendee-popup #ap-description p:before {display: none;} body.maSingle #attendee-popup #ap-name {font-weight: bold;} body.pageMA.maSingle #page {padding-top: 35px;} #fep-wrapper { background: #f1f1f1; margin: 0 !important; } #fep-wrapper #fep-header {border: 0;} #fep-wrapper #fep-header h2 { background-color: #36bac1; font-size: 16px; font-weight: 400; text-transform: uppercase; padding: 5px 10px 4px; margin-bottom: 20px; } #fep-wrapper #fep-menu {margin: 15px 0;} #fep-wrapper #fep-menu .newmessage {display: none;} #fep-wrapper #fep-menu .fep-button { background-color: #fff; font-weight: 400; color: #000 !important; border-color: #dadada; } #fep-wrapper #fep-menu .fep-button:hover {background-color: #e8e9eb;} #fep-wrapper #fep-menu .fep-button-active { background-color: #36bac1; border: 0; font-weight: 400; } #fep-wrapper #fep-content { border: 0; margin-top: 30px; background-color: #e8e9eb; padding-bottom: 10px; } #fep-wrapper #fep-content p { background-color: #36bac1; font-size: 16px; text-transform: uppercase; padding: 5px 10px 4px; margin: 10px 0; color: #fff; } #fep-wrapper #fep-content p strong {font-weight: 400;} #fep-wrapper #fep-content .pull-left p {margin: 0;} #fep-wrapper #fep-content form {margin: 15px;} #fep-wrapper #fep-content form input { border-style: solid; border-width: 1px; border-color: #dadada; margin-bottom: 15px; padding-left: 5px; } #fep-wrapper #fep-content form input[type=submit] { background-color: #e9a127; border: 1px solid #d6901a; color: #fff; padding: 5px 20px; } #fep-wrapper #fep-content table { width: 95%; margin: auto; margin-bottom: 30px; } #fep-wrapper #fep-content table tr.fep-head { background-color: transparent; color: #333; } #fep-wrapper #fep-content table th, #fep-wrapper #fep-content table td { border-color: #999; padding: 10px; } #fep-wrapper #fep-content table tr td p { background-color: transparent; text-transform: none; color: initial; font-size: 14px; } #fep-wrapper #fep-content table tr:nth-child(even) td {background-color: rgba(255,255,255,.6);} #fep-wrapper #fep-footer {border: 0;} #fep-wrapper #fep-content form input.msg-to {pointer-events: none;} #fep-content a {color: #444 !important;} #fep-wrapper #fep-header .avatar {margin: 5px 15px 5px 5px !important;} #fep-wrapper #fep-content input.button {border-radius: 0;} #fep-wrapper #fep-content form i { text-transform: none !important; font-style: normal !important; } #fep-wrapper #fep-content form input {margin-right: 5px;} .navbar-right li .dropdown-menu.notdropdown>li>a {background: none;} .navbar-nav>li:last-child a i {font-size: 14px;} .gtr-messages{float: right; font-weight: 600;color: #273840;} .gtr-messages img{margin-left: 7px;} /***********************************/ /***********************************/ /***** GTR Connect RESPONSIVE ******/ /***********************************/ /***********************************/ @media screen and (max-width: 800px){ body.connect-page .col-sm-8{float:left;} .sidebar-connect section.sideBlock .content{float:left;} body.connect-page #sidebar-right .blockTitle {margin-bottom: 0;} body.connect-page .col-sm-4 {padding: 25px;padding-top:0;} .sidebar-connect section.sideBlock .content {padding: 0 10px 10px 10px;} /*body.connect-page .container {padding-left: 0;}*/ body.connect-page .navbar {margin-bottom: 50px;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .job-logo img { margin-right: 15px; margin-bottom: 5px; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info {width: 100%;} body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info .left, body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .col-sm-10 .job-info .right { width: 50%; float: left; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li .cta-holder { position: relative; margin-top: 15px; bottom: auto; right: auto; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing.main-list li .cta-holder button.green { width: 100%; margin-top: 15px; } body.connect-page .panel-content.jobs-board ul.jobs-board-listing li {padding-bottom: 20px;} body.maSingle .event-single-title {font-size: 20px;} body.maSingle .gtr-logo {width: 24%;} body.maSingle .maTabs .nav-tabs>li {width: 33%;} body.maSingle .circle img {width: 38%;} body.pageMA.maSingle form#contactsearch .col-sm-4, body.pageMA.maSingle form#contactsearch .col-sm-2 {padding-left: 0;} body.maSingle .maTabs {margin-bottom: 20px;} body.maSingle .page_navigation {margin-top: 25px;} body.maSingle #recentM li.attendees:nth-child(5n+1) {clear: left;} body.maSingle #recentM .attendees {width: 20%;} } @media screen and (max-width: 640px){ body.connect-page.single.job .panel-content.jobs-board ul.jobs-board-listing li .cta-holder{position:relative;} body.connect-page button.white.ajax-save-job, body.connect-page button.orange.ajax-save-job, body.connect-page button.green.ajax-save-job, body.connect-page button.white.ajax-save-course, body.connect-page button.orange.ajax-save-course, body.connect-page button.green.ajax-save-course{width:100%;} body.connect-page.single.job .main-details{float:left;margin-top:30px;} body.maSingle .gtr-logo {display: none;} body.maSingle .event-single-title { float: left; margin-top: 15px; } body.maSingle #event-single-img { height: 150px; margin-top: 25px; } body.maSingle #attendee-popup {width: 90%;} } @media screen and (max-width: 500px){ body.connect-page .panel-top button{width:90%;margin:5%;} body.connect-page .events-booked .event-item button{width:100%;} body.connect-home .panel-content a.not-exist{float:left;margin-top:10px;width:100%;} body.connect-home .panel-content a.not-exist button.white {width: 100%;} .sidebar-connect section.sideBlock .content, body.connect-home input[type="submit"].btn-primary {width: 100%;} body.maSingle .circle { width: 90px; height: 90px; } body.maSingle .circle span {font-size: 30px;} body.maSingle .circle-label {font-size: 14px;} body.maSingle .maTabs .nav-tabs.circle-links {padding: 25px 0;} body.maSingle #recentM li.attendees:nth-child(3n) {clear: both;} body.maSingle #recentM .attendees {width: 32%;} } @media (min-width: 801px) { .navbar-nav>li>a.jobs-item{padding: 10px 25px;} } ul.jobs-dropdown .jobs-submenu-slider {padding-left: 0;} .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-item img {border: 1px solid #cccccc;} .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-item {padding-right: 15px;} .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-item a span { font-size: 12px; line-height: 18px; float: left; } .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-item, .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-item a span:hover {text-transform: underline;} .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-item {height: auto !important;} .navbar-nav>li ul.dropdown-menu.jobs-dropdown li .col-sm-4 img {margin: 0;} .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-prev img { position: absolute; top: 57px; left: -30px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-next img { position: absolute; top: 57px; right: -12px; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); } .navbar-nav>li ul.dropdown-menu.jobs-dropdown .owl-buttons div {position: initial;} #sideTabs.jobs-courses .content ul {padding-bottom: 10px;} #sideTabs.jobs-courses .content ul li.see-all { text-align: right; padding-right: 15px; } #sideTabs.jobs-courses .content ul li {width: 100% !important;} #sideTabs.jobs-courses .content ul li a {color: #2799fa; !important} #sideTabs.jobs-courses .content ul li a:hover {border-color: #2799fa;} #sideTabs.jobs-courses .owl-wrapper {width: 100% !important;} #sideTabs.jobs-courses .content ul .owl-item { float: left; width: 100%; } #sideTabs.jobs-courses .content ul {border: none !important;} #sideTabs.jobs-courses .bx-wrapper, #sideTabs.jobs-courses .bx-viewport { height: 190px !important; overflow: hidden !important; } #sideTabs.jobs-courses .bx-wrapper { box-shadow: none !important; border: 1px solid #F4F1F1 !important; margin-bottom: 0 !important; } body.connect-page .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {margin-top: 0 !important;} #sidebar-right .bx-wrapper .bx-pager {display: none !important;} /* Add to calendar button */ .slider .addeventatc, .slider .addeventatc .button { display: inline-block; background: #444; color: #fff !important; text-transform: uppercase; font-size: 10px; height: 21px; line-height: 21px !important; padding: 0 10px; border: 0; border-radius: 0; float: right; } .slider .addeventatc:hover {border: 0;} .addeventatc span.icon { font-size: 16px; display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 10px; } .slider .addeventatc .addeventatc_icon {display: none;} .addeventatc_dropdown { left: auto !important; right: 0; bottom: 21px; top: auto !important; } /* Subscribe Page */ .non-logged-in-vat { font-size: 12px; margin-top: 5px; text-align: center; } .logged-in-vat { font-size: 12px; margin-top: 5px !important; margin-left: 16px !important; } .col-sm-7.discount-code-field {padding-left: 0;} /*input.agreeterms {pointer-events: none !important;}*/ .listdate strong{font-weight:normal;} html.with-featherlight { overflow: auto !important; } /* POST LISTING */ .post-listing article{float:left;padding-bottom: 26px !important;} .post-listing article figure img{width: 160px;height: 115px;} .post-listing article figure{float:left;} .post-listing article .content{float:left;width:680px;padding-left: 20px;} .post-listing article .content h3 a{color: #444;font-size: 16px;font-weight:700;} .listdate{text-transform: uppercase; font-size: 11px; font-weight: normal; margin-bottom: 5px; line-height: 16px; margin: 6px 0 4px 0 !important;} .listdate a{font-weight:normal;color:#444;} .pagination{float:left;} .pagination a.prev, .pagination a.next{width:auto !important;padding: 0 10px;margin-left:0 !important;} #speaker-popup h2{font-size: 34px; text-transform: none; font-weight: 700;letter-spacing:normal;} #speaker-popup .col-sm-4 img{width:100%;} #speaker-popup p.job-title{font-size:20px;} #speaker-popup p{font-size:15px;} #speaker-popup{float: left; display: block; width: 716px; padding: 30px;} h1.authors-title{height: 58px; line-height: 58px; background: #444444; color: #fff; padding-left: 25px;} /* SUBSCRIBE */ .subscribe .packages{width: 100%;float: left; margin-bottom:30px;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} .subscribe .package{background: #444; text-align: center; padding: 30px 0 35px 0;margin-right:10px;} .subscribe .package h3{text-transform: uppercase; color: #F3AB35; font-size: 28px;margin-bottom:20px;} .subscribe .package h4{color: #fff; line-height: 24px;} .subscribe .package h4.price{color: #fff; font-size: 44px; font-weight: 600;} .subscribe .package p{color:#fff;} .subscribe .package p.vat{margin-top:15px;} .subscribe .package button.login-btn{float: none; font-size: 14px;margin-top:20px;} .subscribe .package h4.desc{position:relative;min-height: 80px;margin-bottom:22px;} .subscribe .package h4.desc:after{content: ''; position: absolute; left: 0; right: 0; bottom:0; margin: 10px auto; width: 22%; height: 5px; background: #f3ab35;} .subscribe form{padding:0;border:none;float: left; margin-top: 60px;} .subscribe form hr{margin:20px 0;height:1px;} .subscribe .form-section{float: left; width: 100%; background: #f4f4f4;padding:75px;padding-top:60px;margin:40px 0 60px 0;;} .subscribe .form-section form{width: 70%; float: none; margin: 0 auto;} .subscribe .form-section .info{float:left;} .subscribe .form-section .col-sm-6.info{width: 29%; margin-left: 14%;} .subscribe .form-section .col-sm-6 span.save{float: left; font-size: 36px; text-transform: uppercase; color: #F3AB35; font-weight: 600; line-height: 1em; margin-right: 15px;} /* MemberPress */ .mepr-unauthorized-message{margin-top: 35px;border: 1px solid #F3AB35; width: 77%; padding: 14px; float: left;} .mepr-unauthorized-message p{font-weight:600;} .mepr-login-form-wrap{float:left;margin-top:30px;width: 50% !important;} .mepr-login-form-wrap .mp-form-label{margin-bottom:5px;} .mepr-login-actions{float: left; width: 100%; margin-top: 12px; font-size: 13px;} .form .button#applycode{margin-top:25px;} /* Responsive Styles */ @media screen and (max-width: 1600px){ } @media screen and (max-width: 1480px){ } @media screen and (max-width: 1430px){ .header-ad{ width: 630px; padding-left: 25px;padding-top: 40px;} .header-ad img{float:left; } .liSearch input.form-control{width:250px;} .sharebox{display:none;} .postList article .content{width:100%;padding: 10px 0;} .post-listing article .content{width:70%;float:left;} .post-listing article .content h3{line-height:16px;} .postList article figure img{width:100%;height:154px;} .postList figure, .upcoming-events a.featured-holder{margin-right:0;width: 100%; height: 154px; background-repeat: no-repeat; background-size: cover;} .postList figure a{width:100%;} .publications .col-sm-5 .box .col-sm-7 button{position: relative; float: left; right: auto; left: auto; margin-top: 20px;padding: 12px 40px;} a.pub-login{position:relative;float:left;margin-top:25px;margin-left:10px;} .upcoming-events.partner-events a.featured-holder{height:auto;} .upcoming-events .eventInfo{width:100%;padding: 20px 0 0 20px;} #events.partner-events .content ul li{padding-right:5%;padding-bottom:25px !important;} .eventsTabs .nav-tabs>li>a{font-size:16px;padding-left: 15px;} .eventsTabs .nav-tabs>li i.fa-angle-down{top: 19px !important; right: 5px !important;font-size: 22px;} .panel-body h2.main-title{font-size:19px !important;} .panel-body h3.secondary-title.sponsor-group{font-size:17px;} .venue-details p { font-size: 16px; line-height: 34px; margin-bottom: 14px;} .sideBlock#sponsors{border:none !important;} } @media screen and (max-width: 1200px){ .header-ad{ width: 470px;padding-top: 50px;} .liSearch input.form-control{ width: 140px;} footer .col-xs-4.empty{display:none;} footer .col-xs-4{width:50%;} .publications .col-sm-5 .box .col-sm-7{min-height: 358px;} .publications-list .col-xs-2{width:25%;} .publications-list article{min-height: 340px;} .post-listing article .content h3 a{line-height:22px; } .subscribe .form-section .col-sm-6.info{width:100%;margin-left:0;margin-bottom: 35px;} .subscribe .packages{display:block;margin-bottom:0;padding-bottom:0;} .subscribe .packages .col-sm-2{width:32%;margin-bottom:10px;} .subscribe .package h3{font-size:22px;} .subscribe .package h4.price{font-size:34px;} .subscribe .package h4.desc:after{height:3px;} .eventsTabs .nav-tabs>li{width: 25%; margin-bottom: 5px;} .eventsTabs .nav-tabs>li i.fa-angle-down{right:10px !important;} body.single-event .header-title .col-sm-5{width:100%;} body.single-event .header-details .col-sm-2{width:24%;} body.single-event .header-details .col-sm-7{width:50%;} .eventsTabs .nav-tabs>li.book{padding-right:4px;} #contactus.tab-pane .col-sm-6 h4{line-height:22px;} } @media screen and (max-width: 992px){ .head #logo{width:270px;} .head #logo img{width:100%;} .header-ad{ /*width: 370px;padding-left: 0; padding-top: 40px;*/display:none;} #header{height: 142px;} header button.login-btn{margin-top:50px;} .navbar-right li.liSearch{display:none;} .navbar-nav>li>a{font-size: 16px;} .row.headlines .col-sm-3{width:50%;} nav.navbar ul.nav ul.sub-menu li.sign-up-news{display:none;} nav.navbar ul.nav ul.sub-menu li{ padding: 0 8px;} nav.navbar ul.nav ul.sub-menu li a{font-size:15px;} .post-listing article .content{width:60%;} .subscribe .packages .col-sm-2{width:30%;} body.single-event .header-title .container, body.single-event .header-details .container{width:auto !important;} body.single-event .header-title .col-sm-5 h1{font-size:18px;} .eventsTabs .nav-tabs>li{width:33%;} } @media (max-width: 800px) { .col-sm-8 .main.column { width:100%; } .cat { margin-left: 0px; } body.singlepost .main-content { margin-left: 0px !important; } } @media screen and (max-width: 800px){ header button.login-btn{padding: 7px 16px; margin-right: 60px; margin-top: 9px;position: absolute; z-index: 99999; right: 0;} header button.login-btn{display:none;} #loginform{padding-top:50px;} header a.mobile-only button.login-btn{display:block;} .navbar{background:transparent !important;} .liSearch{display:none;} .liSearch.mobile-only{display:block;} #logo{padding:0 !important;border-left:none !important;} #logo img{margin-left:0 !important;} .head #logo{width: 96px; height: 50px;} #header{height: 50px;} .visible-xs .liSearch{padding:0 !important;padding-left: 8px !important ;} .head #logo img{height:50px;} .head{border-top:none !important;} .liSearch.mobile-only input.form-control { width: 75%; border-radius: 5px;} .visible-xs .liSearch .dropdown-menu{ padding: 0 0 10px 0 !important;} .liSearch.mobile-only button{width:20%;margin-left:2%;display:block;line-height: 12px;padding:0;padding:0 10px;} .liSearch form button{border-radius:5px;} .liSearch .dropdown-menu form input{height:40px !important;} .liSearch .dropdown-menu form{padding:0 !important;padding-top:10px !important;} .navbar{margin: -33px 0 24px;} nav.navbar .row{margin-left: -15px; margin-right: -15px;} .navbar-nav > li > a{line-height:22px !important;} .navbar-nav>li{height:auto;} .sub-menu{position:relative;float:left;height:auto !important;left:auto !important;right:auto !important;line-height:38px !important;padding: 6px 0 12px !important;} .navbar-nav>li>a{float:left;width:100%;} .navbar-nav>li>a:focus{color:#F3AB35 !important;} nav li:hover > .sub-menu {display: none;} nav li.pressed > .sub-menu{display:block;} .liSearch .dropdown-menu form{padding-left: 12px !important; } body.home .col-sm-4, .row.headlines .col-sm-3, .row.headlines .headline{width:100% !important;} #page{padding-top:35px !important;} .headlines{padding:0 10px;} .post-listing article .content{width:100%;padding-left:0;padding-top:12px;} .post-listing article figure img { width: 100%; height: auto; } .post-listing article figure{width:100%;} .col-sm-8 .main.column{padding-right:0;margin-left: 0px;} #page h1, h2.main-title{margin-bottom:20px;} #sidebar-right { margin: 15px 0 25px; float: left; } h2.screen-reader-text{padding-bottom:0;} h2.main{float: left; width: 100%;} a.see-more{position: relative; right: auto; bottom: auto; float: right;} .latest-headline{min-height:auto;} .row.headlines .col-sm-3{float:left;} .latest-headline a.see-more{padding-right:0;bottom:-10px;} .latest-headline{margin-bottom:50px;} .owl-carousel{float:left;} .container .col-sm-12{padding:0 10px;} .navF li{line-height: 14px;} .publications .col-sm-5 .box .col-sm-7{margin-top: 30px;min-height: 180px;} .row.video-slider{margin-top:20px;padding-top: 35px;} .videos-slider.owl-carousel{height:200px;} .row.related h4{min-height:46px;} body.connect-page .col-sm-8 .main.column{margin:0 !important;margin-bottom:30px !important;} body.connect-page .col-sm-8{padding-left:0;} body.connect-page .col-sm-8 .main.column img.connect-welcome{width:100%;padding-bottom:30px;} body.connect-page h1{line-height: 25px;margin-top:0 !important;} body.connect-page a.connect-sign-btn{position:relative !important;right:auto !important;bottom:auto !important;float:left;width:100%;margin-top:35px;} body.connect-page a.connect-sign-btn button{width:100%;} body.connect-page .connect-top{height:auto !important;} .subscribe .packages .col-sm-2{width:30%;float:left;} #maptabs.nav-tabs{margin-top: 20px;} .eventsTabs .nav-tabs#maptabs>li{width: 50% !important;} .eventsTabs .nav-tabs#maptabs>li a{padding-left: 25px !important;} body.event-listing #page h1, .eventsTabs .content .event-item{width:100%;margin-bottom: 40px;} .upcoming-events a.featured-holder img{width:100% !important;} #events.partner-events .content ul li{padding-right:0 !important;} .upcoming-events .eventInfo{padding: 22px 0 0 10px;height: auto !important;} body.single-event .header-details .col-sm-3{width:100%;} body.single-event .header-details{height:auto !important;} body.single-event .header-details>div{padding-left:0;} body.single-event .header-details .col-sm-3{padding-left:20px;} body.single-event .header-details .col-sm-2{width:50%;} body.single-event #event-single-img{height:210px;} body.single-event .header-details{background:none;} body.single-event .header-details .col-sm-2, body.single-event .header-details .col-sm-7{float:left;} } @media screen and (max-width: 768px){ footer .newsletter button{display: block; width: 100%; margin-left: 0; margin-top: 14px;width:65%;} #footer .newsletter input{width:65%;} #footer .newsletter h4{line-height:20px;} .publications-list .col-xs-2{width:50%;} .publications-list article{min-height: 480px;} .publications h2.main-title{float:left;margin-top:30px;} .publications .col-sm-5 .box .col-sm-7{ min-height: auto;} .publications .col-sm-5 .box .col-sm-7 button{padding: 12px 45px; position: relative; bottom: auto; left: auto; font-size: 14px; float: left; width: 100%; margin-top: 20px;} .publications-list article p.pub-title{height: 80px;} .publications .col-sm-5 .box .col-sm-7{padding-left:0;} .row.video-slider{margin-top:20px;padding-top: 35px;} .row.related .col-xs-6{min-height:260px !important;} .publications-list article figure img{min-height:442px;} } @media screen and (max-width: 680px){ .publications-list article figure img{min-height:auto;} .publications-list article{margin-bottom:10px;} .subscribe .package h4.desc{line-height:19px;font-size:14px;} } @media screen and (max-width: 580px){ .publications-list article{min-height: 384px;} article.list figure{width:100% !important;} .coverS article img{width:100%;} .subscribe .packages .col-sm-2{width: 48%;margin-right: 2%;} .subscribe .package{padding-bottom:0;} body.single-event .header-title .col-sm-5 h1{font-size:15px;} body.single-event .header-details .col-sm-3, body.single-event .header-details .col-sm-2, body.single-event .header-details .col-sm-7{font-size:15px;} .eventsTabs .nav-tabs>li>a{font-size:15px;height: 50px;line-height:50px;} body.single-event .header-details .col-sm-3, body.single-event .header-details .col-sm-2, body.single-event .header-details .col-sm-7{width:100%;text-align:center;} .eventsTabs .nav-tabs>li{width:50%;} .eventsTabs #description img{max-width:100%;height:auto;} body.single-event .eventsTabs .panel-body{padding: 50px 25px;} ul.nav-tabs.steps>li>a, ul.nav-tabs.steps li a span.desc{font-size:14px;} } @media screen and (max-width: 460px){ .gtr-messages{float: left; width: 100%; margin: 10px 0 30px; text-align: right;} .subscribe .packages .col-sm-2{width:100%;margin-right:0;} .subscribe .package h4.desc{margin-bottom:14px;} .subscribe .package button.login-btn{margin-top:5px;margin-bottom:30px;} .subscribe .package h4.desc{min-height:62px;} .subscribe .form-section{padding:25px;} .partner-events a.see-more{bottom: -8px;} .videos-slider.owl-carousel{height:auto;margin-bottom:0;} .videos-slider .owl-dots{display:none;} .row.video-slider{padding:60px 0 35px 20px;} .videos-slider .owl-item{height:auto;} .post-slider i.fa-angle-left{top: 120px;} .post-slider i.fa-angle-right{top: 120px;} } @media screen and (max-width: 420px){ #footer .newsletter input{width:90%;} .newsletter button{padding:12px 0 !important;} .publications-list article{min-height:275px;} .publications-list article figure img{min-height:196px;} .row.related .col-xs-6{min-height:236px !important;} .publications-list article figure img{min-height:210px;} .row.recommended{padding-bottom:0 !important;} .recommended-stories.owl-carousel{margin-left:25px;} .videos-slider .owl-prev, .recommended-stories .owl-prev{display:none !important;} .row.recommended h2{text-align:left !important;} }