/* ========================================================================== === Theme: Default Responsive Theme === By: Laszlo Kruchio at Ebow === Website: http://ebow.ie === Version: 1.0 === For: === Last Edit: ========================================================================== */ /* =========================================================================== === ALL =================================================================== =========================================================================== */ /* Basics */ .mobile_only {display:none;} .tablet_only {display:none;} .small_tablet_only {display:none;} .responsive_only {display:none;} .desktop_only {display:block;} .hide_on_desktop {display:none;} .hide_on_mobile {display:block;} .hide_on_tablet {display:block;} #mobile_menu, .tablet_sidebar {display: none;} /* =========================================================================== === BIG SCREEN ONLY ======================================================= =========================================================================== */ @media only screen and (min-width: 1023px) { /* Basics */ .mobile_only {display:none;} .tablet_only {display:none;} .responsive_only {display:none;} .hide_on_mobile {display:block;} .hide_on_tablet {display:block;} #blog_list li.blog_post .banner-image img{width:100%;} } /* =========================================================================== === TABLET ONLY =========================================================== =========================================================================== */ @media only screen and (max-width: 1367px){ section.acf-video-background .section-video{max-height: 900px;} section.acf-video-background { max-height: 900px;} .reason_number { font-size: 30px;} section.acf-video-background .counter{ font-size: 38px; margin-top: 40px;} section.acf-video-background .book_now { margin: 40px auto 20px auto;} .acf-video-background .section-video img, section.acf-video-background .video-overlay img{max-width: 100%; margin-top: 2%;} .home_container_hague #speakers #keynote_home li{ margin: 20px 2%; width: 99%; } } @media only screen and (max-width: 1281px){ section.acf-video-background h1{padding-top:1%;} } @media only screen and (max-width: 1220px){ a#logo_text{display:none;} /* Gravity Forms */ .gravity_form_left, .gravity_form_right{width:100%; margin-bottom: 20px;} #gravity_content, .mini-one .top-banner img{width: 100%;} .home section.acf-video-background .show-for-small-only { background-position: 40% 15%!important } } @media only screen and (max-width: 1090px){ .speaker-meta .right_column{display:none;} .speaker-meta .columns{max-width: 100%; width: 98%;} } @media only screen and (min-width: 1023px) { /*.woocommerce-cart .woocommerce .woocommerce-message{position: absolute; bottom: 0; width: 100%;} */ } @media only screen and (max-width: 1023px) and (min-width: 768px) { /* Basics */ .mobile_only {display:none;} .tablet_only {display:block;} .responsive_only {display:block;} .desktop_only {display:none;} .hide_on_desktop {display:block;} .hide_on_mobile {display:block;} .hide_on_tablet {display:none;} /* Layout */ .inner {width: 98%; float: left; clear: both;} #content .inner {padding-bottom: 40px;} .back_button {right: 15px;} .tablet_sidebar {display: block;} /* Header */ #header_top_inner #top_menu {display: none;} .inner_hague a#logo_hague, #header_bottom_hague .tagline, .inner_hague #tablet_menu {margin: -10px 0 0px 10px;} #top_buttons li.btn_search_txt {display: none;} /* Menu */ #tablet_menu {display: block;} #main_menu {display: none;} #mobile_menu {display:block; position: absolute; top:40px; right:50px; z-index:970; width: 260px; background: #141b4d;max-height: 0px; overflow: hidden; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;} #mobile_menu.tablet_menu_close {max-height: 1000px;} #mobile_menu .menu, #mobile_menu #menu-mobile-menu {padding: 10px;} #mobile_menu .menu > li, #mobile_menu #menu-mobile-menu > li {width: 100%; float: left; height: auto; margin: 0; padding: 0; position: relative;} #mobile_menu .menu > li .mobile_menu_arrow, #mobile_menu #menu-mobile-menu > li .mobile_menu_arrow {cursor:pointer; width: 40px; height: 40px; position: absolute; right:0px; top:0px; background: url('../images/icon_mobile_down.png') no-repeat center center;} #mobile_menu .menu > li.active .mobile_menu_arrow, #mobile_menu #menu-mobile-menu > li.active .mobile_menu_arrow {background: url('../images/icon_mobile_up.png') no-repeat center center;} #mobile_menu .menu > li > a , #mobile_menu #menu-mobile-menu > li > a {color: #FFFFFF; float: left; display: block; width: 100%; padding: 13px 40px 10px 15px; text-transform: uppercase; font-size: 14px; line-height: 14px; height: 40px;} #mobile_menu .menu > li > .sub-menu , #mobile_menu #menu-mobile-menu > li > .sub-menu {width:100%; float:left; position: static; float: left; display: block; max-height: 0px; overflow: hidden; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;} #mobile_menu .menu > li.active > .sub-menu , #mobile_menu #menu-mobile-menu > li.active > .sub-menu {max-height: 320px;} #mobile_menu .menu > li > .sub-menu > li , #mobile_menu #menu-mobile-menu > li > .sub-menu > li {width: 100%; float:left;} #mobile_menu .menu > li > .sub-menu > li a , #mobile_menu #menu-mobile-menu > li > .sub-menu > li a {width: 100%; padding: 10px 15px; font-size: 14px; line-height: 14px; height: auto; color:#FFFFFF; float:left; display: block;} #mobile_menu .menu > li > .sub-menu > li a:hover, #mobile_menu .menu > li > .sub-menu > li a:focus, .menu > li > .sub-menu > li a:active , #mobile_menu #menu-mobile-menu > li > .sub-menu > li a:hover, #mobile_menu #menu-mobile-menu > li > .sub-menu > li a:focus, #mobile_menu #menu-mobile-menu > li > .sub-menu > li a:active {color:#FFFFFF;} #mobile_menu .menu > li > .sub-menu > li .sub-menu , #mobile_menu #menu-mobile-menu > li > .sub-menu > li .sub-menu {position: static;} #mobile_menu .menu > li.current-menu-item > a, #mobile_menu .menu > li:first-child.current-page-ancestor > a, #mobile_menu .menu > li.current-page-ancestor > a {border-bottom: 0; background: #ca0510; color:#FFFFFF;} #mobile_menu #menu-mobile-menu > li.current-menu-item > a, #mobile_menu #menu-mobile-menu > li:first-child.current-page-ancestor > a, #mobile_menu #menu-mobile-menu > li.current-page-ancestor > a {border-bottom: 0; background: #4012A6; color:#FFFFFF;} #mobile_menu .menu > li:hover:first-child > a, .menu > li:hover:first-child > a {background: none !important;} #mobile_menu #menu-mobile-menu > li.current-menu-item > .sub-menu , #mobile_menu #menu-mobile-menu > li:first-child.current-page-ancestor > .sub-menu, #mobile_menu #menu-mobile-menu > li.current-page-ancestor > .sub-menu {display: block !important; background: #4012A6; float:left; width:100%;} /* OdinSTAR */ .vc_btn3-container.vc_btn3-right, .vc_btn3-container.vc_btn3-left{ text-align: center;} .vc_column-inner h1{margin:0;} /* Top Ad */ .headertop_ad {width: 100%; text-align: center; max-width:100%;} .page-id-21243 .sticky .tagline, .page-id-21243 .tagline{margin: 30px 0 30px 15px;;} /* Homepage only */ #slider .slider_nav a {width: 50px;} #slider .slider_nav.right .bx-next, #slider .slider_nav.left .bx-prev {background-position: center center;} #slider ul#slider_list li.slide .cover .cover_table {margin-left: 50px; width: 425px;} #slider ul#slider_list li.slide .cover .slider_buttons {right: 60px; height: auto;} #featured {padding: 50px 20px 50px;} #featured .left {padding-right: 20px;} #featured .left, #featured .right {width: 100%; float: left;} #featured .left .button{margin-bottom: 40px;} #featured .right .whos_there .button {width: 100%; text-align: center;} #speakers #speakers_list li{margin:0 2px;} #speakers #speakers_list li h2{ width:16%;} #speakers {padding-top: 0px;} #speakers .inner {padding: 0 20px 0;} #speakers .button {right: 20px;} #speakers #speakers_list li {width: 16.666%;} #sponsorship {padding: 50px 20px 50px;} #sponsorship .left, #sponsorship .right {float: left; margin-top: 40px; width: 100%;} #sponsorship .right {padding-left: 20px;} #sponsorship .right h2 {margin-top: 0px;} #social_events {padding: 50px 20px 50px;} #social_events h2 {margin-top: 0px;} #social_events .left, #social_events .right {float: left; width: 50%; margin: 0;} #social_events .left {padding-right: 20px;} #social_bar {padding: 50px 20px 50px;} #social_bar .testhuddle_rss {width: 100%; float: left; clear: both; height: auto; position: relative; margin: 20px 0 0;} #social_bar .testhuddle_rss .testhuddle_footer {position: absolute; top:23px; right: 20px;} #social_bar .testhuddle_rss ul.rss_list {margin: 20px 0;} #social_bar .testhuddle_rss ul.rss_list li {width: 33.33%; border-right: 1px solid #e2e2e2; border-bottom: 0;} #social_bar .testhuddle_rss ul.rss_list li:last-child {border: 0;} #social_bar .facebook_box {width: 48%; margin: 20px 0 0; margin-left: 2%;} #social_bar .twitter_box {width: 48%; margin: 20px 0 0; margin-right: 2%;} .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; } #highlights .inner {padding: 0px 20px 0px;} #highlights .inner > a {top:20px; right: 20px;} #sponsored .inner {padding: 0px 20px 0px;} #sponsored #sponsored_list {margin-top: 20px;} #footer {padding: 0px 20px 0px;} .footer_menu_wrapper {width: 100%; float: left; padding: 0 30px 0;} /* Page with sidebar */ #breadcrumbs #breadcrumbs_list {padding: 0 15px;} #content .inner {padding-left: 15px; padding-right: 15px;} #sidebar.page_sidebar {width: 100%; float: left; padding: 30px; max-width: 300px;} #sidebar.blog_sidebar {display: none;} #sidebar .side_navigation {display: none;} #sidebar .widget.social_events {width: 55%; float: left;} #sidebar.page_sidebar .widget {padding: 0; margin: 0;} #sidebar .widget.social_events h2 {width: 100%; float: left; } #sidebar .widget.social_events ul li img {float: left; width: 45%; margin-right: 15px;} #sidebar .widget.planner {width: 40%; float: right; padding: 15px;} #sidebar .widget.planner h2 {margin-top: 5px;} #content #content_holder {float: left; width: 100%; margin-bottom: 30px;} /* Comments */ #commentform p input[type='submit'] {margin-left:278px;} #commentform p input#cptch_input {width: 100% !important;} /* Forms */ #acf_329 .inner {width: 100%;} #upload_form input[type='submit'] {margin-left: 40px;} /* Exhibitor Zone */ #content #content_holder.full_width img.attachment-header {width: 100%; height: auto;} #tabs_content_holder > li.content1 .company_details_form textarea {width: 100%;} #tabs_content_holder > li.content1 .company_details_form .company_input {width: 100%;} #tabs_content_holder > li.content2 .resource_upload_form fieldset #title, #tabs_content_holder > li.content2 .resource_edit_form fieldset #title {width: 100%;} #tabs_content_holder > li.content2 .resource_upload_form fieldset textarea, #tabs_content_holder > li.content2 .resource_edit_form fieldset textarea {width: 100%;} #user_uploaded_resources li {padding-right: 150px;} /* Speaker Zone*/ .speaker_head_image {max-width: 100%; height: auto;} /* Booking Form */ #booking_form p label {width: 300px; float: left;} #booking_form span.wpcf7-form-control-wrap {float: left;} /* Pricing */ #content #content_holder .page_content a.button {float: left; color: #FFFFFF;} /* History */ #history_list li {text-align: center;} /* Contact */ .contact_form label {max-width: 275px; width: 275px;} .contact_form input[type='submit'] {margin-left: 0; margin-right: 290px; float: right;} /* Gallery */ .page #content_holder .ngg-gallery-thumbnail-box {margin: 0px 19px 19px 0 !important;} /* Conferences */ #conference_list > li .tutorial_list > li .tutorial_rooms {width: 100%;} /* Reviewzone */ #candidate_review #send_review .send_review_inner .review_left, #candidate_review #send_review .send_review_inner .review_right {width: 48%;} /* Vendor Single */ .vendor_single .vendor_content {float: left; display: block; clear: both; position: relative; width: 100%; padding-left: 190px;} .vendor_single .vendor_content .vendor_left {position: absolute; top:0px; left: 0px;} .vendor_single .vendor_content .vendor_right {width: 100%; float: left;} /* Registration */ #register-page input[type="password"], #register-page input[type="text"], #register-page textarea, #signup_form .select_wrapper {float: left !important;} #register-page label {margin: 15px 20px 5px 0 !important; width: 100% !important;} #buddypress .standard-form#signup_form div.submit {float: left !important; margin-left: 170px !important; width: 460px;} #signup_submit {float: right;} /* Attend for Members */ .attend_form .question_mark {right: 80px;} .error_msg {padding-right: 110px;} /* Attend for Speakers */ .attend_for_speakers .back_button {display: none;} #attend_speaker fieldset .attend_speaker_edit {right: 10px; left: auto;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left {width: 100%; clear: both;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left label {width: 140px;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right {width: 100%; clear: both; float: left;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right input[type='text'] {width: 350px;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right textarea {width: 350px;} /* Testhuddle */ #social_bar .testhuddle_rss img {display: none;} #social_bar .testhuddle_rss img:first-child {display: block; float: none; margin: 15px auto; width: 30%;} /* Dashboard */ #dashboard_list > li {padding-right: 0;} #frontend_change_password label {margin-bottom: 15px;} #frontend_change_password input[type='password'], #frontend_change_password input[type='text'] {float: right;} .change_pass_wrapper .error_msg {padding: 0; right: 0;} } /* =========================================================================== === Smaller Screens ================================================ =========================================================================== */ @media only screen and (max-width: 1023px){ #newsletter .input_btn .gform_wrapper .gform_footer input.button, #newsletter .input_btn .gform_wrapper .gform_footer input[type=submit]{right: -360px !important; top: -42px !important;} header #header_bottom{min-height: 70px;} .page-template-page-de .vc_images_carousel{display:none;} .page-template-page-de .vc_btn3-container.vc_btn3-right, .page-template-page-de .vc_btn3-container.vc_btn3-left{ text-align: center !important; } a#templogo{ margin-top: 10px;} } @media only screen and (max-width: 920px) { .exhibitors_tooltip_wrapper{padding: 15px; width: 100%; left: 0;} .exhibitors_tooltip_wrapper .left, .exhibitors_tooltip_wrapper .right{width: 100%; float: left; display: inline-block; margin-bottom: 50px;} #newsletter .input_btn .gform_wrapper .gform_footer input.button, #newsletter .input_btn .gform_wrapper .gform_footer input[type=submit]{ float: right; right: 20px !important; top: -38px !important;} #reasons_home li{padding-left: 8%; width: 99%;} #reasons_home li:nth-child(even){padding-left: 8%; } .newsletter_text {width: 90%; margin: 0 0 20px 40px;} .input_btn {width: 75%;} #awards_list li{margin-left: 1%;width: 99%;} li#field_52_1{ min-width: auto;} /* Program Visual Composer */ .programme_block_one.vc_col-sm-2,.programme_block_two.vc_col-sm-2{width: 100%;} .homepage_hague .inner_hague{padding:12px 0;} } /* Bootstrap */ @media only screen and (max-width: 768px){ /* My Confs */ .yellow-ball, .orange-ball{ padding: 8px 15px; border-radius: 50%; font-size: 20px;} .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 15px;} .mb_left{float: left; padding: 0 0 0 20px;} .myconf .programme_block_one h2, .myconf .programme_block_one h2{position: relative; width: 90%;; } /* OdinSTAR */ .vc_btn3-container.vc_btn3-right, .vc_btn3-container.vc_btn3-left{ text-align: !important;} .vc_column-inner h1{margin:0;} } @media only screen and (min-width: 993px){ .col-md-3 { width: 25%; float: left;} } @media only screen and (max-width: 992px){ .col-xs-12 { width: 100%;} } @media (min-width: 576px) { .container { max-width: 100%; width: 540px;} } @media (min-width: 768px) { .container {max-width: 100%; width: 720px;} .woocommerce div.product div.summary{min-height: 560px; } } @media (min-width: 992px) { .container {max-width: 100%; width: 960px;} } @media (min-width: 1200px) { .container { max-width: 100%; width: 1140px;} } /* =========================================================================== === PHONE ONLY /LANDSCAPE/ ================================================ =========================================================================== */ @media only screen and (max-width: 767px) { /* Basics */ .mobile_only {display:block;} .tablet_only {display:none;} .responsive_only {display:block;} .desktop_only {display:none;} .hide_on_desktop {display:block;} .hide_on_mobile {display:none;} .hide_on_tablet {display:block;} .hide_on_small_tablet {display:none;} .small_tablet_only {display:block;} /* Layout */ .inner {width: 100%; float: left; clear: both;} #content .inner {padding-bottom: 40px;} .back_button {right: 15px;} .select_wrapper {max-width: 100%;} #content .title_ancestor {margin: 20px 0 10px;} .back_button {display: none;} #mapplic1 {display: none;} .size-full {max-width: 100%; height:auto;} /* Header */ #header_top_inner #top_menu {display: none;} a#logo {margin: 10px 0 10px 15px; } .page-id-21243 .tagline{margin: 10px 0 0px 0px;} .page-id-21243 .sticky .tagline{ margin: 20px 0 0px -10px;} .sticky a#logo {margin: 25px 0 5px 15px; width: 280px; height: 48px;} #top_buttons li.btn_search_txt {display: none;} .select_wrapper {max-width: 100%; width: 100%;} .sticky .booknow_btn{margin-right: 60px;} /* Content */ #content .title_ancestor {letter-spacing: 1px; font-size: 26px; line-height: 32px;} img.alignright {margin:0 10px 10px 0; max-width: 100%; height: auto; float: left; /*width: 100%;*/} img.alignleft {margin: 0 10px 10px 0; max-width: 100%; height: auto; float: left; /*width: 100%;*/} img.aligncenter {margin-right: 0px; max-width: 100%; height: auto; float: left; width: 100%;} .button img.aligncenter {width: auto;} /* Menu */ #main_menu, #tablet_menu {display: none;} #mobile_menu_btn {width: 40px; height: 40px; background: url('../images/icon_mobile_menu2.png') no-repeat center center; position: absolute; top:22px; right: 15px; display: block; z-index: 1;} #mobile_menu {display:block; position: absolute; top:40px; right:55px; z-index:970; width: 260px; background: #141b4d;max-height: 0px; overflow: hidden; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;} #mobile_menu.tablet_menu_close {max-height: 1000px;} #mobile_menu .menu, #mobile_menu #menu-mobile-menu {padding: 10px;} #mobile_menu .menu > li, #mobile_menu #menu-mobile-menu > li {width: 100%; float: left; height: auto; margin: 0; padding: 0; position: relative;} #mobile_menu .menu > li .mobile_menu_arrow, #mobile_menu #menu-mobile-menu > li .mobile_menu_arrow {cursor:pointer; width: 40px; height: 40px; position: absolute; right:0px; top:0px; background: url('../images/icon_mobile_down.png') no-repeat center center;} #mobile_menu .menu > li.active .mobile_menu_arrow, #mobile_menu #menu-mobile-menu > li.active .mobile_menu_arrow {background: url('../images/icon_mobile_up.png') no-repeat center center;} #mobile_menu .menu > li > a, #mobile_menu #menu-mobile-menu > li > a {color: #FFFFFF; float: left; display: block; width: 100%; padding: 13px 40px 10px 15px; text-transform: uppercase; font-size: 14px; line-height: 14px; height: 40px;} #mobile_menu .menu> li > .sub-menu, #mobile_menu #menu-mobile-menu > li > .sub-menu {width:100%; float:left; position: static; float: left; display: block; max-height: 0px; overflow: hidden; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;} #mobile_menu .menu > li.active > .sub-menu, #mobile_menu #menu-mobile-menu > li.active > .sub-menu {max-height: 320px;} #mobile_menu .menu > li > .sub-menu > li, #mobile_menu #menu-mobile-menu > li > .sub-menu > li {width: 100%; float:left;} #mobile_menu .menu > li > .sub-menu > li a, #mobile_menu #menu-mobile-menu > li > .sub-menu > li a {width: 100%; padding: 10px 15px; font-size: 14px; line-height: 14px; height: auto; color:#FFFFFF; float:left; display: block;} #mobile_menu #menu-mobile-menu > li > .sub-menu > li a:hover, #mobile_menu #menu-mobile-menu > li > .sub-menu > li a:focus, #mobile_menu #menu-mobile-menu > li > .sub-menu > li a:active {color:#FFFFFF;} #mobile_menu .menu > li > .sub-menu > li .sub-menu, #mobile_menu .menu > li > .sub-menu > li .sub-menu {position: static;} #mobile_menu #menu-mobile-menu > li.current-menu-item > a, #mobile_menu #menu-mobile-menu > li:first-child.current-page-ancestor > a, #mobile_menu #menu-mobile-menu > li.current-page-ancestor > a {border-bottom: 0; background: #4012A6; color:#FFFFFF;} #mobile_menu .menu > li.current-menu-item > a, #mobile_menu .menu > li:first-child.current-page-ancestor > a, #mobile_menu .menu > li.current-page-ancestor > a {border-bottom: 0; background: #4012A6; color:#FFFFFF;} #mobile_menu .menu > li:hover:first-child > a, #mobile_menu .menu > li:hover:first-child > a {background: none !important;} #mobile_menu #menu-mobile-menu > li.current-menu-item > .sub-menu , #mobile_menu #menu-mobile-menu > li:first-child.current-page-ancestor > .sub-menu, #mobile_menu #menu-mobile-menu > li.current-page-ancestor > .sub-menu {display: block !important; background: #4012A6; float:left; width:100%;} #mobile_menu .menu > li.current-menu-item > .sub-menu , #mobile_menu .menu > li:first-child.current-page-ancestor > .sub-menu, #mobile_menu .menu > li.current-page-ancestor > .sub-menu {display: block !important; background: #4012A6; float:left; width:100%;} /* Top Ad */ .headertop_ad {width: 100%; text-align: center; max-width:100%;} /* Homepage only */ .slick-slide img {max-width: none; width: 100%; padding: 0 4px; height: auto;} .home section.acf-video-background .show-for-small-only {background-size: 22% !important;} .home_container_hague section.acf-video-background .show-for-small-only{background-size: inherit !important} #slider .slider_nav a {width: 30px;} #slider ul#slider_list li.slide {height: 400px;} #slider ul#slider_list li.slide .cover {width: 100%;height: 400px;} #slider ul#slider_list li.slide .cover .cover_table {width: 100%; height: 400px;} #slider ul#slider_list li.slide .cover .cover_table .cover_table_cell {width: 100%; padding-left: 40px; padding-right: 30px; text-align: left; height: 400px;} #slider ul#slider_list li.slide .cover .slider_buttons {top:auto; right: auto; width: 100%; bottom:0px; left:0px; height: 80px;} #slider ul#slider_list li.slide .cover .slider_buttons li {float: left; width: 48%; margin: 0 1% 0; clear: none; height:auto;} #slider ul#slider_list li.slide .cover .slider_buttons li:nth-child(3),#slider ul#slider_list li.slide .cover .slider_buttons li:last-child {display: none;} #slider ul#slider_list li.slide .cover .slider_buttons li .button {width: 100%; padding-left:0; height:auto;} #slider ul#slider_list li.slide .cover .slider_buttons li .button .icon {position: absolute; top: 50%; left: 13px; margin-top: -6px; display: none;} #slider ul#slider_list li.slide .cover h1 {font-size: 24px; line-height: 30px;} #slider ul#slider_list li.slide .cover h2 {font-size:18px; line-height: 30px;} #slider ul#slider_list li.slide .cover p {font-size: 14px; line-height: 16px;} #big_buttons .bb_table {display: block; float: left; height: auto;} #big_buttons .bb_table .bb_cell {display: block; width: 100%; float: left; padding: 30px 0;} #featured {padding: 20px 15px;} #featured .right , #featured .left {width: 100%; float: left;} #featured .left .button {margin: 0 0 20px;} #featured .right .whos_there .button {float: left; margin-right: 10px;} #speakers {padding: 20px 30px;} #speakers .button {display: none;} #speakers #speakers_list li {width: 33.333%; min-height: 310px; margin:2px;} #speakers #speakers_list li h2, #speakers #speakers_list li h3, #speakers #speakers_list li h4 { padding: 0 0 20px 0; position: initial; width: inherit;} #speakers h2 {padding: 15px 0; margin: 15px 0;} #sponsorship {padding: 20px 30px; } #sponsorship .left, #sponsorship .right {float: left; width: 100%;} #social_events {padding: 20px 15px;} #social_events .left, #social_events .right {width: 100%; float: left;} #social_events .left #social_events_list li {padding-left: 0;} #social_events .left #social_events_list li img {position:static; float: left; margin-right: 10px;} #social_bar {display: none;} #highlights {padding: 20px 15px;} #highlights .inner > a {display: none;} #highlights .inner > h2 {margin: 0;} #sponsored {padding: 20px 15px;} #sponsored h2 {margin: 0;} #sponsored #sponsored_list li {width: 46%; margin: 2%; height: auto;} #sponsored #sponsored_list li img { height: auto;} .home_container_hague #testimonials ul#testimonials_home li{display: block; width: 80%; margin: 0 auto; text-align: center;} .home_container_hague #testimonials h2.title{width:90%;} .home_container_hague .special_inner{display:block;} /* Footer */ footer .footer_menu_wrapper {float: left; width: 100%; padding: 20px 15px;} footer #footer .footer-menu, footer #footer .footer-menu:last-child, footer #footer .footer-menu:nth-last-child(2){text-align: center; float: left; width: 100%; } .footer-menu .line{display:none;} footer #footer .footer-menu > ul > li.header {} footer #footer .footer-menu > ul > li.header > a {font-weight: 800; font-size: 18px; text-transform: uppercase; padding: 10px 0; text-align: center; width: 100%; display: block; float: left; border-bottom: 1px solid #4012A6;} footer #footer .footer-menu > ul > li.header.open > a {background: #DBC499; border-bottom: 1px solid #4012A6; text-decoration: none !important;} footer #footer .footer-menu > ul > li.header.open > a:hover {text-decoration: none !important;} footer #footer .footer-menu > ul > li.header.open > a:active, footer #footer .footer-menu > ul > li.header.open > a:focus {background: #DBC499 border-bottom: 1px solid #4012A6;} footer #footer .footer-menu > ul > li.header > ul.sub-menu {max-height:0px; overflow:hidden; width: 100%; float: left; border-bottom: 1px solid #4012A6; background: #DBC499; text-align: center; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;} footer #footer .footer-menu > ul li .sub-menu li .sub-menu li {background: none; padding: 0;} footer #footer .footer-menu > ul > li.header > ul.sub-menu a {font-size: 18px; color: #FFFFFF; font-weight: 800; text-align: center; list-style: none; background: none; padding: 10px 0; display: block;} footer #footer .footer-menu > ul > li.header.open > ul.sub-menu {max-height: 999px;} footer #footer .footer-bottom .left, footer #footer .footer-bottom .right {width: 100%; text-align: center; padding: 0 15px 0;} footer .footer-menu .social_nav{margin: 10px 0 0 0;} footer .footer-menu .social_nav li{border-radius:0; display:inline-block; padding-top: 5px;} .footer-logo-area img{display: none;} /* Page with sidebar */ .tablet_sidebar {display: none;} #breadcrumbs #breadcrumbs_list {padding: 0 15px;} #content .inner {padding-left: 15px; padding-right: 15px;} #sidebar {width: 100%; float: left; display: none;} #content #content_holder {float: left; width: 100%; } #content #content_holder .button {width: 100%; float: left; clear: both; margin-bottom: 15px;} /* Share Bar */ #share_bar {padding: 20px;} #share_bar ul li {width: 50%; margin-bottom: 5px; margin-top: 5px;} /* Comment Form */ #commentform p textarea, #commentform p input[type='text'], #commentform p input[type='email'] {width: 100%;} #commentform p input[type='submit'] {margin-left: 0; float: right;} #commentform p input#cptch_input {width: 100% !important;} /* Speakers */ #acf_318, #acf_321, #acf_322, #acf_323, #acf_324, #acf_325 {width: 100%; padding-right: 0 !important;} #acf_323 #acf-speaker_presentation_title input, #acf_323 #acf-speaker_presentation_summary textarea {float: lef; width: 100%;} #acf_318 p.label {width: 100%; float: left;} #acf_318 p.label label {max-width: 100%;} .acf-input-wrap {width: 100%; float: left;} #acf_318 input {float: left; width: 100%;} table.acf_input tbody tr td {padding:10px 0;} .repeater > table > tbody > tr > td.remove > a.acf-button-add, .repeater > table > tbody > tr > td.remove > a.acf-button-remove {opacity: 1; visibility: visible;} .acf-file-uploader .has-file .hover {visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} #speakers_list_holder li .author_text .left .people_social_wrapper{float: none;} #speakers_list_holder li .author_text .left{ position: relative; width: 80%; margin: 0 auto;} /* Awards*/ #awards_list li.with_image {padding: 20px 0; min-height: 0;} #awards_list li img {position: static; float: left; margin: 0 15px;} #awards_list li h3 {line-height: 22px;} #awards_list li.with_image h3 { margin: 16px 0 0 0; } .half_width{width: 100%;} /* Blog */ #author_holder .author_text {padding-left: 90px;} #author_holder .author_text img {width: 70px; height: 70px;} /* Contact */ span.wpcf7-form-control-wrap {float: left; width: 100%;} .contact_form label {max-width: 100%; width: 100%;} .contact_form input[type='submit'] {margin-left: 0; margin-right: 0; float: right;} .contact_form input[type='text'], .contact_form input[type='email'], .contact_form textarea {width: 100%;} /* Exhibitor Zone */ img.attachment-header {max-width: 100%; height: auto;} #tabs_holder > li {width: 100%; margin-right: 0;} #tabs_holder > li.active {top:0px;} #exhibitor_general_list > li, #dashboard_list > li {padding-right: 0;} #exhibitor_general_list > li > .button, #dashboard_list > li > .button {position: static; margin-top: 15px;} #tabs_content_holder > li.content1 .company_details_form form label, #tabs_content_holder > li.content1 .company_details_form textarea, #tabs_content_holder > li.content1 .company_details_form .company_input {width: 100%; float: left;} #tabs_content_holder > li.content1 .company_details_form input[type='submit'] {margin-left: 0px; float: left;} #exhibitor_general_list > li.exhibitor_general_02 .discount_buttons ul li {display:block; width: 50%; float: left; clear: none;} #exhibitor_general_list > li.exhibitor_general_02 .discount_buttons ul li img {max-width: 100%; height: auto;} #exhibitor_general_list > li.opened h2 {margin-bottom: 50px;} #tabs_content_holder > li.content1 .exhibitor_general_01_close {top:90px;} #exhibitor_general_list > li.exhibitor_general_02 .discount_buttons .unique_link {overflow: scroll;} .file-upload-wrapper, .custom-file-upload {width: 100%;} #tabs_content_holder > li.content2 .resource_edit_form fieldset label {width: 100%;} #tabs_content_holder > li.content2 .resource_edit_form fieldset #title, #tabs_content_holder > li.content2 .resource_edit_form fieldset textarea, #tabs_content_holder > li.content2 .resource_edit_form fieldset #post_tags {width: 100%;} #tabs_content_holder > li.content2 .resource_edit_form fieldset input[type='submit'], #tabs_content_holder > li.content2 .resource_upload_form fieldset input[type='submit'] {float: left; margin-left: 0;} #tabs_content_holder > li.content2 .resource_upload_form fieldset #title, #tabs_content_holder > li.content2 .resource_upload_form fieldset textarea, #tabs_content_holder > li.content2 .resource_upload_form fieldset #post_tags {width: 100%;} #user_uploaded_resources li {padding-right: 0;} #user_uploaded_resources li .uploaded_edit_btn {position: static;} #tabs_content_holder > li.content2 .resource_edit_form fieldset .reload_page {margin: 0;} /* Exhibitor Listing */ #vendor_filter_wrapper .filter_title {width: 100%;} #vendor_filter_wrapper .filter_year .select_wrapper {width: 100%; margin: 5px 0;} #vendor_filter_wrapper .filter_name .select_wrapper {width: 100%;} #vendors_grid li {width: 50%;} /* Dashboard */ #dashboard_list .dashboard_01 .dashboard_tickets_holder .wpcf7-form input[type='text'] {width: 100%;} #dashboard_list .dashboard_01 .dashboard_tickets_holder .wpcf7-form input[type='email'] {width: 100%;} #dashboard_list .dashboard_01 .dashboard_tickets_holder .wpcf7-form label {width: 100%;} /* Booking Form */ #booking_form input[type='text'], #booking_form input[type='email'], #booking_form input[type='tel'] {width: 100%;} /* Popups */ #bg_wrapper #bg_inner .warning_wrapper {width: 90%;} #bg_wrapper #bg_inner .warning {width: 100%; padding: 15px;} #bg_wrapper #bg_inner .button {width: 100%; margin-bottom: 15px;} #bg_wrapper #bg_inner {overflow: hidden;} /* History */ #history_list li {width: 50%; padding: 2%; text-align: center; min-height: 315px;} #history_list li img {width: 100%; height: auto;} #content.history table {display:block; float: left; width: 100%; height: auto !important; clear: both;} #content.history table tbody {display:block; float: left; width: 100%;} #content.history table tbody tr {display:block; float: left; width: 100%;} #content.history table tbody tr td {display:block; float: left; width: 100%; } /* Photo Listing */ #people_list li {padding-left: 0px;} #people_list li img {position: static; max-width: 45%; margin-right: 15px; float: left; height: auto;} #people_list li .people_social_wrapper {display: none;} /* Table */ .table_wrapper {width: 100%; float: left; display: block; overflow:scroll;} /* Resources */ #resources_list > a {width: 48%;} /* Review */ #review_list li {padding-right: 0;} #review_list li .button {position: static; float: left; margin: 25px 0 0;} table#candidate_table, table#candidate_table thead, table#candidate_table tbody, table#candidate_table th, table#candidate_table td, table#candidate_table tr { display: block; } table#candidate_table thead tr { position: absolute; top: -9999px; left: -9999px; } table#candidate_table tr { border: 1px solid #ccc; } table#candidate_table td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left:15px; } table#candidate_table td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } #candidate_table tr td.table_label {width: 100%;} #candidate_review #send_review .send_review_inner .review_left {width: 100%; float: left;} #candidate_review #send_review .send_review_inner .review_right {width: 100%; float: left; margin-top: 20px;} /* Speakers */ #people_list .speaker-column {width: 50%;} #people_list li.speaker-column img {float:none; max-width: 100% !important;} .speaker_head_image {max-width: 100%; height: auto;} #speakers_list_holder li .author_text img {position: static; margin-right: 10px; float: left;} #speakers_list_holder li .author_text {padding-left: 0px;} .acf-form-fields .acf-field .acf-input, .acf_new_content_holder.content04 .field_type-text[data-name="speaker_biggest_takeways_3"] .acf-input, .acf_new_content_holder.content04 .field_type-text[data-name="speaker_biggest_takeways_2"] .acf-input, .acf_new_content_holder.content04 .field_type-text[data-name="speaker_biggest_takeways_1"] .acf-input {width: 100%;} /* Speaker Zone */ h1.title_ancestor.speakerzone .speaker_what_is {display: none;} #speaker_list > li {padding-right: 0px;} #speaker_list > li .show_btn {position: static; float: left; margin: 25px 0 0;} .speaker_dashboard form input[type='submit'], .speaker_slide_upload .speaker_dashboard form input[type='submit'] {margin-left: 0px;} .speaker_dashboard form .mandatory_field {margin-left: 0px;} #speaker_list > li .speaker_close {top:90px;} #speaker_list > li.opened h2 {margin-bottom: 55px;} .speaker_dashboard form textarea {width: 100%;} .speaker_dashboard form .file-upload-input {display: none;} #speaker_list > li.speaker_tutorial_upload .upload_repeater_item {width: 100%; float: left;} .file-upload-wrapper, .custom-file-upload {float: left;width: auto; min-height: 50px; margin-top: 15px; min-width: 140px;} #speaker_list > li.speaker_tutorial_upload .upload_repeater_item .file-upload-wrapper {margin-top: 0px !important;} .speaker_dashboard form label {width: 100%;} /* Testimonials */ #testimonials_list li {padding-left: 0; min-height: 140px;} #testimonials_list li.closed {height: 140px;} #testimonials_list li img {position: static; float: left; margin-right: 15px; width: 85px; height: auto;} #testimonials_list li .testimonials_site_wrapper {display: none;} #testimonials_list li .testimonial_content {display: block; width: 100%; float: left; margin-top:15px;} /* Vendor Listing */ #vendors_list li {padding-left: 0px; min-height: 140px;} #vendors_list li.closed {height: 140px;} #vendors_list li .vendor_title {margin-top: 20px;} #vendors_list li img {position: static; float: left; margin-right: 15px; width: 85px; height: auto;} #vendors_list li .vendors_site_wrapper {display: none;} #vendors_list li .vendor_content {display: block; width: 100%; float: left; margin-top:15px;} #vendors_list.directory li .vendor_link {margin: 15px 0 15px;} .vendor_single .vendor_content .vendor_left, .vendor_single .vendor_content .vendor_right {width: 100%; float: left;} .vendor_single .vendor_content .vendor_right {margin-top: 20px;} /* Registration */ #register-page input[type="password"], #register-page input[type="text"], #register-page textarea, #signup_form .select_wrapper {float: left !important; width: 100% !important;} #register-page label {margin: 15px 20px 5px 0 !important; width: 100% !important;} #buddypress .standard-form#signup_form div.submit {float: left !important; margin-left: 0px !important; width: 100%;} #signup_submit {float: right;} #realex_logo {margin: 15px 0 !important;} .attend_form.prices_left label {float:left; max-width: 205px !important;} #group_wrapped fieldset {padding:20px 15px;} /* Attend for Members */ .select_wrapper select, .acf_postbox .field select {max-width: 100%;} .question_mark {display:none;} .attend_form input[type='text'] {width: 100%;} #choices, #choices .select_wrapper {margin-bottom: 20px;} .select_outer {width: 100%;} .attend_form_select_half .select_wrapper, .attend_form.attend_form_input_half input[type='text'] {width: 100%;} #group_wrapped fieldset .attend_form input[type='text'], #group_wrapped fieldset .select_wrapper {width: 100%;} .right_remove {margin-bottom: 15px; float: left;} .right_remove a {position: static; float: left; width: 100%;} #invoice_div .invoice_countries .select_wrapper {width: 100% !important;} .attend_form textarea {width: 100% !important;} /* Attend for Speakers */ .attend_for_speakers .back_button {display: none;} #attend_speaker fieldset .attend_speaker_edit {right: 10px; left: auto;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left {width: 100%; clear: both;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left label {width: 140px;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left textarea {width: 100% !important;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right {width: 100%; clear: both; float: left;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right input[type='text'] {width: 100%;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right textarea {width: 100%;} #attend_speaker fieldset .attend_speaker_edit {padding: 10px 15px; top: 18px; right: 0px; width: auto;} #attend_speaker #attend_speaker_2 fieldset label {width: 50%;} #attend_speaker #attend_speaker_2 fieldset .speaker_attend_inputs {width: 50%;} #attend_speaker #attend_speaker_2 fieldset .speaker_attend_inputs.without_label {margin-left: 50%;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left label {width: 100%;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left .select_wrapper {width: 100%; max-width: 100%;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_left input[type='text'] {width: 100%;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right input[type='text'] {width: 100%;} #attend_speaker #attend_speaker_2 fieldset .attend_speaker_payment_right textarea {width: 100%;} #attend_speaker fieldset.attend_speaker_details label, #attend_speaker fieldset.attend_speaker_discountedreg label, #attend_speaker fieldset.attend_speaker_discountedreg #choices .attend_question_title {width: 100%;} #attend_speaker fieldset input[type='text'], #attend_speaker fieldset .select_wrapper {width: 100%;} /* Conferences */ #conference_main_table tr td {padding: 10px;} #conference_list > li h3 {line-height: 28px; padding-right: 20px;} #conference_list > li .tutorial_list > li {padding: 20px 20px 35px;} #conference_list > li .tutorial_list > li .tutorial_title {width: 100%;} #conference_list > li .tutorial_list > li .tutorial_rooms li .room_header .room_header_left {float: left; width: 33%;} #conference_list > li .tutorial_list > li .tutorial_rooms li .room_header .room_header_right {text-align: center; float: left; width: 33%;} #conference_list > li .tutorial_list > li .tutorial_rooms li .room_body {min-height: 0px;} #conference_list > li .tutorial_list > li .tutorial_rooms li .room_header .room_add {float: right; clear: none; width: 33%;} #conference_list > li .tutorial_list > li .tutorial_rooms li {width: 100%; overflow: hidden;} /*#conference_list > li .tutorial_list > li .tutorial_add, #conference_list > li .tutorial_list > li .tutorial_rooms li .room_header .room_add {display: none;}*/ #content #content_holder .title_page.events .room_add {bottom:auto; top:-38px;} .event_speaker #speakers_list_top li p {padding: 0; } .event_speaker #speakers_list_top {float: left; margin-top: 30px;} .downloadable{float: left; margin-bottom: -20px;} /* Image Gallery */ .ngg-album-compact {width: 50%; float: left; margin: 0;} /* Planner */ #planner_menu {display: none;} /* Login */ #loginform-page {width: 100%; padding: 0 15px;} #loginform-page label {font-size: 14px; float: left; line-height: 55px;} #loginform-page input[type='text'], #loginform-page input[type='password'] {width: 100%; float: right; height: 55px; margin-bottom: 20px;} #loginform-page input[type='submit'] {color: #FFFFFF; margin-left: 0; width: 100%;} #loginform-page .forgot_password {margin-left:0;} #loginform-page p {margin-left:0; } #loginform-page .register {margin-left:0;} /* Testhuddle */ #social_bar .testhuddle_rss img {display: block; float: left; margin: 15px auto; width: 100%;} .testhuddle_account {float: left; width: 100%; margin: 0;} /* Dashboard */ #dashboard_list > li {padding-right: 0;} #frontend_change_password label {margin-bottom: 15px;} #frontend_change_password input[type='password'], #frontend_change_password input[type='text'] {float: right; width: 100%; float: left;} .change_pass_wrapper .error_msg {padding: 0; right: 0; position: static;text-align: left; margin-top: 20px !important; width: 100%;} .newsletter_icon{width: 60%; margin: 10px 20%;} } /* =========================================================================== === PHONE ONLY /PORTRAIT/ ================================================= =========================================================================== */ @media only screen and (max-width: 982px) { .pricing-page .pricing-container{ width: 96%;} .home_container_hague #featured .featured_inner .right, .home_container_hague #featured .featured_inner .left, .home_container_hague #special_info .special_inner .right{width: 100%; display: block; float: left;} .home_container_hague #special_info .special_inner .left{display:none;} #special_info .special_inner .left h2, .home_container_hague h2.title, .home_container_hague #special_info .special_inner h2 { font-size: 30px;} section.acf-video-background .video-overlay .homepage_top_banner_logo img{max-width: 33%;} section.acf-video-background .book_now{margin: 0px auto 0px auto} .book_now .bb_table, .book_now .bb_left, .book_now .bb_right{ margin: 0px; display: block; width: 100%;} .home_container_hague section.acf-video-background .book_now a, section.acf-video-background .book_now .bb_right a{padding: 20px; display: block} section.acf-video-background .book_now .bb_right a{margin-left:0px} section.acf-video-background{min-height:auto} .home_page_scroll{bottom: 5%; position: absolute; left: 45%} } @media only screen and (max-width: 920px) { .home_page_scroll{display:none;} } @media only screen and (max-width: 820px) { .pricing-page .pricing-container{ width: 92%;} .days .attend_form{display: block; width:100%; float: left;} section.acf-video-background .video-overlay .homepage_top_banner_logo .img_div { max-width:100%; width:100%;} .home_container_hague .speaker_caption{width:100%; } .home_container_hague #speakers .speaker_box .img_div{max-width:100%; width:100%;} .home_container_hague #speakers .speaker_box .img_div span{display:none;} .home_container_hague section.acf-video-background h1{font-size: 30px; line-height: 34px; padding: 30px 10px;} .bb_right .home_cta{ border:none;;} .home_container_hague section.acf-video-background a.scroll_explore_button{display:none} .one-third, .two-sixths, .four-sixths, .two-thirds { width: 90%; margin: 10px 5%; } } only screen and (min-width: 1023px) { .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{ margin: 16px 16px !important /* langing page issue */;} } /* =========================================================================== === PHONE ONLY /PORTRAIT/ ================================================= =========================================================================== */ @media only screen and (max-width: 640px) { #newsletter .input_btn .gform_wrapper .gform_footer input.button, #newsletter .input_btn .gform_wrapper .gform_footer input[type=submit]{ float: right; right: 30% !important; top: 0px !important} .home_container_hague #speakers .speaker_box img{width: 100%;} } @media only screen and (max-width: 600px) { #sponsorship .left img, #featured .right img{ max-width: 100%; height: inherit;} .woocommerce div.product div.images{margin:20px;} #speakers #keynote_home li, #testimonials ul#testimonials_home li, .col-3, .col-4, .col-5{width: 100%;} .slick-slide img { max-width: none; width: 100%;} .admin-bar header #header_bottom.sticky{top:0;} .tagline{display:none;} } /* =========================================================================== === PHONE ONLY /PORTRAIT/ ================================================= =========================================================================== */ @media only screen and (max-width: 480px) { /* Basics */ .mobile_only {display:block;} .tablet_only {display:none;} .responsive_only {display:block;} .desktop_only {display:none;} .hide_on_desktop {display:block;} .hide_on_mobile {display:none;} .hide_on_tablet {display:block;} .hide_on_small_tablet {display:block;} .small_tablet_only {display:none;} /* Buttons */ #acf_329 .repeater-footer .right {width: 100%;} #acf_329 #acf-speaker_co-speaker_repeater .acf-button, #acf_329 #acf-speaker_upload_files_repeater .acf-button {width: 100%; margin: 30px 0;} #upload_form input[type='submit'], #commentform p input[type='submit'] {width: 100%;} #reasons_home li:nth-child(even), #reasons_home li{padding-left: 3%;} .content-box{width: 82%;} .icon-box{width: 18%;} section.acf-video-background .counter{font-size: 28px;} img {max-width: 100%; } .booknow_btn{padding: 10px 12px;} } @media screen and (min-width: 64em) .large-9 { width: 75%; } @media screen and (min-width: 40em) .medium-12 { width: 100%; } @media screen and (min-width: 40em) .column, .columns { padding-left: .9375rem; padding-right: .9375rem; }