/* Theme Name: Twenty Twenty-Four Child Description: Twenty Twenty-Four Child Theme Author: Tryfon Tzanetis Author URI: http://tafhub.com Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. Template: twentytwentyfour Requires at least: 6.4 Tested up to: 6.4 Requires PHP: 7.0 Version: 1.0 License: GNU General Public License v2 or later License URI: http: //www.gnu.org/licenses/gpl-2.0.html Tags: Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news Text Domain: twentytwentyfourchild */ body { font-family: "Rubik" !important; } /* header css */ /* .header{padding-top: 65px;} */ body.home header.header { position: absolute; left: 0px; right: 0px; top: 69px; width: 96%; text-align: center; margin: 0px auto; z-index: 2;} body.home header.header div#OuterManu {width: 100%;} div#OuterManu {width: 100%;} .header .header_row .main_header { display: flex; justify-content: space-between; align-items: center; } .right_header .main-nav ul#menu-header-menu-1 {display: flex;gap: 40px;margin: 0px;padding: 0px 0 0; justify-content: flex-end;} .right_header .main-nav ul#menu-header-menu-1 li{list-style: none;} .right_header .main-nav ul#menu-header-menu-1 li a{font-family: 'Rubik';font-weight: 600; font-size: 24px; line-height: 41px; text-transform: uppercase; text-decoration: none; color: #FFFFFF;} .right_header .main-nav ul#menu-header-menu-1 li:last-child a{ border: 2px solid #FFFFFF; border-radius: 83px; padding: 18px 50px; width: 100%; font-size: 21px; font-weight: 600; text-transform: uppercase;} .right_header .main-nav ul#menu-header-menu-1 li:last-child a:hover {background-color: #ffffff; color: #000000;} .head_logo {position: relative;width: 28rem;display: flex;justify-content: flex-start;} .head_logo img.cigar_with_flame {position: absolute;right: -149px;top: 0px; display: none;} /* hero section */ .herosection {background-image: url('./images/hero-bg-img.png'); background-position: top center;background-size: cover;background-repeat: no-repeat;} .herosection .hero_row {padding-top: 25rem;} .herosection .hero_row p{font-family: 'Rubik';font-weight: 600;font-size: 66px;line-height: 60px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 74px;} div#pg-gb10-68c17f7b7290e-0 { background: #382E21 !important;} /* program section */ .programsection .program_row .program_title h3{ font-family: 'Rubik'; font-weight: 600; font-size: 38px; line-height: 41px; text-transform: uppercase; margin-bottom: 0px;} .program_right .program_time .so-widget-sow-editor { border-top: 0px !important; border-bottom: 0px !important;} .program_time{position: relative;} .program_time::before { content: ''; position: absolute; border: 1px solid #000; width: 60%; height: 1px; top: 0px;} .program_time::after { content: ''; position: absolute; border: 1px solid #000; width: 60%; height: 1px; bottom: -11px;} /* footer section */ footer.footer-section { background-color: #382E21; padding: 59px 0px 140px 0px;} footer.footer-section .footer-box h4{font-weight: 600; font-size: 36px; line-height: 67px; text-transform: uppercase; color: #FFFFFF; font-family: 'Rubik'; margin-bottom: 21px;} footer.footer-section .footer-box p{font-weight: 400;font-size: 18px;line-height: 31px; color: #FFFFFF; width: 42%; font-family: 'Rubik';} footer.footer-section .footer-box .social_icons { display: flex; gap: 30px;} .partnerfoot_col { display: flex; flex-direction: column; align-items: flex-start;} footer.footer-section .footer-box .partners { display: flex; flex-direction: column; align-items: flex-start; /* gap: 30px; */ } .footer-bottom {background-color: #251D15;} .container.footer_menu { text-align: center;} .container.footer_menu a{ font-family: 'Rubik'; font-weight: 400; font-size: 15px; line-height: 41px; color: #FFFFFF; text-decoration: none;} .container.footer_menu span { color: #FFFFFF; margin: 0px 10px !important;} .footer_logo{width: 33%;} .partner-logos { display: flex; align-content: center; align-items: center; gap: 35px;} img.footer_logo1 { width: 52%;} footer.footer-section .footer-box .partners a{text-align: left;} .partner_img1 {text-align: left;} /* newsletter section */ .newsletter_section { background-color: #382E21; padding: 13rem 0px 10rem; margin-top: -7rem;} .newsletter_section .newsletter_row{position: relative;} .newsletter_section .newsletter_row::before { content: ''; width: 100px; height: 75%; display: block; background-image: url(./images/cigar-flame.svg); background-repeat: no-repeat; background-size: contain; position: absolute; right: 0px; top: -150px;} .newsletter_section .newsletter_row h3{font-family: 'Rubik'; font-weight: 600; font-size: 76px; line-height: 67px; text-transform: uppercase; color: #FFFFFF; width: 74%; margin-bottom: 45px;} .newsletter_section .newsletter_row h5{font-family: 'Rubik'; font-weight: 400; font-size: 25px; line-height: 41px; color: #FFFFFF; margin-bottom: 72px;} .newsletter_section .form-row { display: grid; grid-template-columns: repeat(4, 1fr) !important; gap: 18px;} .newsletter_section .form-row input{ width: 100%; border: 2px solid #FFFFFF; background-color: #D9D9D94A; border-radius: 83px; text-align: center; padding: 20px 0px; min-height: 68px;} .newsletter_section .form-row input[type="text"], .form-row input[type="email"] {color: #fff; } .newsletter_section .form-row .input_form p, .newsletter_section .form-row .submit_btn p{margin-bottom: 0px;} .newsletter_section .form-row input:focus-visible{outline: none;} .newsletter_section .form-row input::placeholder { font-weight: 600; font-size: 21px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; } .newsletter_section .form-row .submit_btn input { background: #382E21; font-weight: 600; font-size: 21px; line-height: 24px; text-transform: uppercase; color: #FFFFFF;} .newsletter_section .form-row .submit_btn input:hover { background-color: #ffffff; color: #382e21;} .newsletter_section .form-row .input_form p .wpcf7-form-control-wrap .wpcf7-not-valid-tip{text-align: center;} .newsletter_section form .wpcf7-response-output { text-align: center; color: #FFFFFF;} .newsletter_section .wpcf7 form.sent .wpcf7-response-output { width: 33%; position: absolute; right: 0px; bottom: -51px;} .newsletter_section .wpcf7 form.invalid .wpcf7-response-output{ width: 29%; border-color: #ffb900; position: absolute; right: 0; bottom: -40px;} .newsletter_section .wpcf7 form.sent .wpcf7-response-output { width: 30%; position: absolute; right: 0px; bottom: -66px;} /* partner section */ .partner_section { padding: 9rem 0px 11rem 0px; clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%); background: #fff; margin-top: -5rem;} .partner_section .partner_row h3{font-family: 'Rubik'; font-weight: 600; font-size: 21px; line-height: 24px; text-transform: uppercase; color: #000000; text-align: center; margin-bottom: 66px;} .partner_section .partner_row .widget_media_image{ text-align: center;} /* be part of it section */ .bepartof_sec { padding: 11rem 0px 15rem 0px; background-color: #E2DED9; /*clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 95%);margin-top: -148px;*/margin-top: -100px;} .bepartof_sec .bepartof_row1 h3{ font-family: 'Rubik'; font-weight: 600; font-size: 38px; line-height: 41px; text-transform: uppercase; color: #000000; margin-bottom: 32px;} .bepartof_sec .bepartof_row1{margin-bottom: 93px;} .bepartof_sec .bepartof_row1 h2{font-family: 'Rubik'; font-weight: 600; font-size: 76px; line-height: 67px; text-transform: uppercase; color: #000000; margin-bottom: 55px;} .bepartof_sec .bepartof_row1 p{ font-weight: 400; font-size: 25px; line-height: 41px; color: #000000;} .bepartof_sec .bepartof_row1 .global_btn a.sowb-button { width: 30%; background-color: #E2DED9; border: 2px solid #D89460;} .bepartof_sec .bepartof_row2 { gap: 43px !important;} .bepartof_sec .bepartof_row2 .bepartof_leftcol{background-color: #002E40; padding: 55px 55px 0px 55px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h3, .bepartof_sec .bepartof_row2 .bepartof_rightcol h3{font-family: 'Rubik';font-weight: 600;font-size: 38px;line-height: 41px;text-transform: uppercase;color: #FFFFFF; margin-bottom: 41px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2{font-family: 'Rubik'; font-weight: 600; font-size: 76px; line-height: 67px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 51px;} .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 br { display: none !important;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 5px; margin-bottom: 60px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li{ font-weight: 400; font-size: 25px; line-height: 41px; color: #FFFFFF; font-family: 'Rubik'; position: relative; align-items: center; gap: 15px; margin-left: 40px; /*width: 53%;*/ width: 100%;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li:last-child, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li:last-child { margin-top: 20px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li a, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li a{ font-weight: 400; font-size: 25px; line-height: 41px; color: #FFFFFF; font-family: 'Rubik'; text-decoration: none !important;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li:before, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li::before { content: ''; position: absolute; width: 24px; height: 24px; display: block; background-image: url(./images/right-arrow.svg); background-repeat: no-repeat; background-size: contain; left: -40px; top: 9px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li:last-child::before, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li:last-child::before { top: 22px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol .global_btn a.sowb-button, .bepartof_sec .bepartof_row2 .bepartof_rightcol .global_btn a.sowb-button { border: 2px solid #FFFFFF !important; width: 100%;} .bepartof_sec .bepartof_row2 .bepartof_rightcol{background-color: #2D4715; padding: 55px 55px 0px 55px;} /* .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol {min-height: 941px !important;} */ .global_btn .so-widget-sow-button .ow-button-base .sowb-button{border: 2px solid;} .program_left .program_title p a {border: 2px solid;} /* .vote_section .service_img img { width: 75%;} */ /* impressum css */ .breadcrumb_sec .breadcrumb_row { padding: 150px 0px; text-align: center; margin-bottom: 0px;} .breadcrumb_sec .breadcrumb_row h3.widget-title { font-family: 'Rubik'; font-weight: 600; font-size: 66px; line-height: 60px; text-transform: uppercase; color: #fff;} .infocontent_sec {padding-top: 50px;} .infocontent_sec .infocontent_row h3{font-family: 'Rubik'; font-weight: 600; font-size: 50px; line-height: 60px; text-transform: uppercase; margin-bottom: 30px;} .infocontent_sec .infocontent_row p {font-family: 'Rubik'; font-weight: 400; font-size: 18px; line-height: 30px;} .hero_row{position: relative;} .hero_row:before { content: ''; width: 60px; height: 250px; background-image: url(./images/herosec_img2.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 29px; left: 480px;} .hero_row::after { content: ''; width: 66px; height: 66px; background-image: url(./images/herosec_img1.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 39px; left: 425px;} @media only screen and (max-width: 1536px){ /* .outer-container { max-width: 92% !important;} */ .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li {width: 90%;} footer.footer-section .footer-box p {width: 49%;} footer.footer-section { background-color: #382E21; padding: 50px 0px 100px 0px;} /* .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol { min-height: 982px !important;} */ .breadcrumb_sec .breadcrumb_row {padding: 130px 0px;} .breadcrumb_sec .breadcrumb_row h3.widget-title {font-size: 60px;} .bepartof_row1 .global_btn .so-widget-sow-button .ow-button-base .sowb-button { width: 25%;} .bepartof_row1 .so-widget-sow-button-flat-a9933a1f21fb .ow-button-base .sowb-button { padding: 25px 0px;} .global_btn .so-widget-sow-button .ow-button-base .sowb-button {padding: 25px 0px;} .hero_row:before { top: 10px; left: 317px;} .hero_row::after {top: 41px; left: 327px;} .hero_row:before {top: 28px; left: 379px;} .footer_logo { width: 45%;} } @media only screen and (max-width: 1366px){ .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 { font-size: 50px; line-height: 51px;} } @media only screen and (max-width: 1320px) { .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 { font-size: 60px; line-height: 60px;} /* .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol { min-height: 1002px !important;} */ .hero_row:before { top: 10px; left: 243px;} .program_left .program_title p a {width: 60%;} .global_btn .so-widget-sow-button .ow-button-base .sowb-button {padding: 25px 0px;} .hero_row::after { top: 40px; left: 251px;} .hero_row:before { top: 16px; left: 298px;} } @media only screen and (max-width: 1280px){ .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 { font-size: 50px; line-height: 51px;} .footer_logo { width: 59%;} } /*ipade pro*/ @media only screen and (max-width: 1024px) { body.home header.header { top: 48px; width: 100%;} .right_header .main-nav ul#menu-header-menu-1 { gap: 25px;} .right_header .main-nav ul#menu-header-menu-1 li a {font-size: 16px;} .right_header .main-nav ul#menu-header-menu-1 li:last-child a { padding: 20px 20px; font-size: 16px;} .herosection .hero_row {padding-top: 20rem;} .herosection .hero_row p { font-size: 55px; line-height: 52px; margin-bottom: 35px;} .head_logo img.cigar_with_flame { right: -67px; top: -13px;} .herosection .hero_row .sow-image-container img { width: 40%;} .hero_row:before { top: 10px; left: 188px;} .programsection .program_row{padding: 50px 0px 35px 0px !important;} .programsection .program_row .program_title h3 { font-size: 33px; line-height: 30px;} .program_left .program_title h2 {font-size: 55px; line-height: 52px; margin: 20px 0;} .program_left .program_title p { font-size: 22px; line-height: 32px;} .program_left .program_title p a { width: 70%; font-size: 18px; line-height: 20px; padding: 25px; margin-top: 30px;} .program_right .program_time .so-widget-sow-editor h3.widget-title { font-size: 21px; line-height: 40px;} .program_right .program_time .so-widget-sow-editor ul li { gap: 23px; font-size: 21px; line-height: 30px;} .event_section { padding: 5rem 0 11rem;} .event_section .cigar_event_row1 .so-widget-sow-editor h3.widget-title { font-size: 33px; line-height: 30px;} .event_section .cigar_event_row1 .so-widget-sow-editor h2 { font-size: 55px; line-height: 52px; margin: 20px 0 35px;} .event_section .cigar_event_row1 { padding-bottom: 50px;} .event_section .cigar_event_row1 .so-widget-sow-editor ul li { font-size: 22px; line-height: 32px;} .event_section .cigar_event_row3 .so-widget-sow-editor p { font-size: 22px; line-height: 37px;} .event_section .cigar_event_row1 img { width: 17%;} .award_section .so-widget-sow-editor h3.widget-title { font-size: 33px; line-height: 30px;} .award_section .so-widget-sow-editor h2 { font-size: 55px; line-height: 60px; margin: 20px 0 35px;} .award_section .so-widget-sow-editor ul li { font-size: 35px; line-height: 43px; left: 0px;} .community_section { padding: 3rem 0 2rem;} .community_section .community_row1 .so-widget-sow-editor h3.widget-title { font-size: 33px; line-height: 30px;} .community_section .community_row1 .so-widget-sow-editor h2 { font-size: 55px; line-height: 60px; margin: 20px 0 25px;} .community_section .community_row2 .so-widget-sow-editor ul li, .community_section .community_row2 .so-widget-sow-editor h3.widget-title, .community_section .community_row2 .so-widget-sow-editor p {font-size: 22px; line-height: 37px;} .community_section .so-widget-sow-button-flat-4e8b2ce19e33 .ow-button-base .sowb-button { font-size: 20px; padding: 25px; width: 100%;} .sc_night_section .container .panel-layout { height: 37rem; padding: 6rem 0 4rem;} .sc_night_img2 img {width: 70%;} .vote_section .so-widget-sow-editor h3.widget-title { font-size: 55px; line-height: 60px; margin-bottom: 60px; max-width: 80%;} .bepartof_sec { padding: 13rem 0px 10rem 0px; clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0% 96%);} .bepartof_sec .bepartof_row1 { margin-bottom: 70px;} .bepartof_sec .bepartof_row1 h3 { font-size: 33px; line-height: 30px; margin-bottom: 30px;} .bepartof_sec .bepartof_row1 h2 { font-size: 55px; line-height: 60px; margin-bottom: 40px;} .bepartof_sec .bepartof_row1 p { font-size: 22px; line-height: 37px;} .bepartof_sec .bepartof_row1 .global_btn a.sowb-button {width: 40%; padding: 25px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol { padding: 40px 40px 47px 40px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h3, .bepartof_sec .bepartof_row2 .bepartof_rightcol h3 { font-size: 33px; line-height: 30px; margin-bottom: 35px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 { font-size: 48px; line-height: 50px; margin-bottom: 35px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li { font-size: 21px; line-height: 35px; margin-left: 40px; width: 92%;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li a, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li a { font-size: 21px; line-height: 40px;} .bepartof_sec .bepartof_row2 .so-widget-sow-button-flat-7fac5f5bd8a5 .ow-button-base .sowb-button { padding: 30px; padding-inline: 0rem;} .bepartof_sec .bepartof_row2 .bepartof_leftcol .so-panel, .bepartof_sec .bepartof_row2 .bepartof_rightcol .so-panel{margin-bottom: 0px !important;} .bepartof_sec .bepartof_row2 .bepartof_leftcol .global_btn a.sowb-button, .bepartof_sec .bepartof_row2 .bepartof_rightcol .global_btn a.sowb-button {padding: 25px;} /* .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol { min-height: 794px !important;} */ .newsletter_section { background-color: #382E21; padding: 12rem 0px 7rem; margin-top: -7rem;} .newsletter_section .newsletter_row h3 { font-size: 55px; line-height: 60px; width: 68%; margin-bottom: 30px;} .newsletter_section .newsletter_row h5 { font-size: 21px; line-height: 30px; margin-bottom: 60px;} .newsletter_section .form-row input { padding: 20px 10px; min-height: 84px;} .newsletter_section .wpcf7 form.invalid .wpcf7-response-output { width: 53%; right: 0; bottom: -62px;} .newsletter_section .wpcf7 form.sent .wpcf7-response-output { width: 53%; bottom: -66px;} .vote_section .vote_row1 .so-widget-sow-editor h3.widget-title { font-size: 55px; line-height: 60px; margin-bottom: 35px; max-width: 100%;} .vote_section .vote_row1 .so-widget-sow-editor p { font-size: 22px; line-height: 33px;} .vote_section .vote_row1 .so-widget-sow-editor p strong { font-size: 33px; line-height: 33px;} .vote_section ul.nav.nav-tabs li.nav-item a {font-size: 30px;} .partner_section { padding: 7rem 0px 5rem 0px; margin-top: -3rem;} .partner_row img { width: 60%;} footer.footer-section .footer-box p {line-height: 29px; width: 72%;} footer.footer-section { padding: 50px 0px 50px 0px;} /* inner page css */ .breadcrumb_sec .breadcrumb_row { padding: 100px 0px;} .breadcrumb_sec .breadcrumb_row h3.widget-title {font-size: 55px; line-height: 45px;} .hero_row::after { top: 18px; left: 226px;} .hero_row:before { top: 11px; left: 278px;} img.footer_logo1 { width: 83%;} .footer_logo { width: 100%;} } /*ipad*/ @media only screen and (max-width: 991px){ /* Hamburger button */ /* body.home header.header { top: 30px !important; width: 100%;} .right_header .main-nav ul#menu-header-menu-1 li a { font-size: 20px;} .right_header .main-nav ul#menu-header-menu-1 { gap: 35px; align-items: center;} .right_header .main-nav ul#menu-header-menu-1 li:last-child a { padding: 20px 30px; font-size: 20px;} .right_header .main-nav ul#menu-header-menu-1 li:nth-child(2) { margin-bottom: 15px;} #menu-toggle { display: flex; cursor: pointer; flex-direction: column; justify-content: space-between; z-index: 1001; background: white; padding: 4px; align-items: center; width: 59px; height: 39px; border: 2px solid #D89460; border-radius: 4px; display: none;} #menu-toggle span { display: block; height: 3px; width: 50px; background: #000; border-radius: 2px; transition: all 0.3s ease-in-out;} #menu-toggle.active span:nth-child(1) { transform: rotate(33deg) translate(7px, 11px);} #menu-toggle.active span:nth-child(2) { opacity: 0;} #menu-toggle.active span:nth-child(3) { transform: rotate(-33deg) translate(7px, -10px);} #OuterManu { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out; background: #FFDCAF; position: absolute !important; height: 100vh; top: -40px; right: 0px;} #OuterManu.active { max-height: 400px; position: absolute; height: 100vh; top: -40px; right: 0px; background: #FFDCAF;} #OuterManu .primary-menu { display: flex; flex-direction: column; gap: 15px; padding: 70px 50px 50px 50px !important;;} #OuterManu .primary-menu li a { color: #000 !important; text-decoration: none; font-size: 16px;} */ .herosection .hero_row p { font-size: 50px; line-height: 48px; margin-bottom: 25px;} .program_left .program_title h2 { font-size: 50px; line-height: 48px;} .event_section .cigar_event_row1 .so-widget-sow-editor h2 { font-size: 50px; line-height: 48px;} .cigar_event_row2 img { width: 36%;} .event_section .cigar_event_row3 .so-widget-sow-editor p br{display: none;} .award_section .so-widget-sow-editor h2 { font-size: 50px; line-height: 48px;} .award_section .so-widget-sow-editor ul li { font-size: 30px; line-height: 40px;} .community_section .community_row1 .so-widget-sow-editor h2 { font-size: 50px; line-height: 50px;} .vote_section .vote_row1 .so-widget-sow-editor h3.widget-title { font-size: 50px; line-height: 50px;} .vote_section .vote_row1 .so-widget-sow-editor p strong { font-size: 30px;} .bepartof_sec .bepartof_row1 h2 { font-size: 50px; line-height: 50px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 { font-size: 36px; line-height: 46px; margin-bottom: 30px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li { font-size: 18px; line-height: 30px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol .global_btn a.sowb-button, .bepartof_sec .bepartof_row2 .bepartof_rightcol .global_btn a.sowb-button { padding: 25px; font-size: 16px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li { font-size: 17px; line-height: 27px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li a, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li a { font-size: 14px; line-height: 40px;} .bepartof_row1 .global_btn .so-widget-sow-button .ow-button-base .sowb-button { width: 41%;} /* .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol {min-height: auto} */ .newsletter_section .newsletter_row h3 { font-size: 50px; line-height: 51px;} .newsletter_section .form-row input::placeholder { font-weight: 600; font-size: 19px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; } .newsletter_section .wpcf7 form.invalid .wpcf7-response-output { width: 58%;} .newsletter_section .wpcf7 form.sent .wpcf7-response-output { width: 58%;} .partner_row img { width: 35%; } footer.footer-section .footer-box h4 { font-size: 31px; line-height: 67px; margin-bottom: 19px;} footer.footer-section .footer-box p { line-height: 29px; width: 75%;} .sc_night_img2 img{width: 70%;} .head_logo img.cigar_with_flame { right: 67px; top: 8px;} .program_time::before {width: 90%;} .program_time::after { width: 90%;} .footer_logo { width: 100%; } } /*ipad*/ @media only screen and (max-width: 768px) { .herosection .hero_row { padding-top: 11rem; } .herosection .hero_row .sow-image-container img { width: 22%;} .herosection .hero_row p { font-size: 40px; line-height: 43px; margin-bottom: 0px;} .head_logo img.cigar_with_flame { right: -48px; top: -4px;} /* .herosection .hero_row p { font-size: 40px; line-height: 40px; margin-bottom: 0px; } */ .hero_row:before { top: 8px; left: 275px;} .program_left .program_title h2 { font-size: 40px; line-height: 43px;} .program_left .program_title p a { padding: 20px;} .event_section .cigar_event_row1 { padding-bottom: 30px;} .event_section .cigar_event_row1 .so-widget-sow-editor h2 { font-size: 40px; line-height: 43px; } .event_section .cigar_event_row2 { padding-bottom: 0px;} .award_section { padding: 7rem 0 7rem; margin-top: -12rem;} .cigar_event_row1 .so-widget-sow-image-default-c67d20f9f743 .sow-image-container .so-widget-image {width: 48%;} .award_section .so-widget-sow-editor h2 { font-size: 40px; line-height: 43px;} .award_section .so-widget-sow-editor ul li {font-size: 30px; line-height: 37px;} .community_section .community_row1 .so-widget-sow-editor h2 { font-size: 40px; line-height: 43px; margin: 20px 0 14px;} .community_section .so-widget-sow-button-flat-4e8b2ce19e33 .ow-button-base .sowb-button { font-size: 20px; width: 69%;} .sc_night_section .container .panel-layout { height: 35rem; padding: 5rem 0 4rem;} .sc_night_img2 img {width: 32%;} .sc_night_img2 .so-widget-sow-image-default-8b5b6f678277 .sow-image-container { display: flex; justify-content: flex-end;} .vote_section { background: #fff; padding: 4rem 0 4rem;} .vote_section .so-widget-sow-editor h3.widget-title { font-size: 40px; line-height: 43px; margin-bottom: 30px; max-width: 100%;} .vote_section .so-widget-sow-editor p strong { font-size: 25px; line-height: 26px;} .bepartof_sec { padding: 7rem 0px 8rem 0px; clip-path: polygon(0 2%, 100% 0%, 100% 100%, 0% 98%);} .bepartof_sec .bepartof_row1 h2 { font-size: 40px; line-height: 43px; margin-bottom: 30px;} .bepartof_sec .bepartof_row1 .global_btn a.sowb-button { width: 54%;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 { font-size: 40px; line-height: 43px; margin-bottom: 30px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol {min-height: auto} .newsletter_section { padding: 10rem 0px 4rem; margin-top: -7rem;} .newsletter_section .newsletter_row::before { height: 60%; top: -99px;} .newsletter_section .newsletter_row h3 { font-size: 40px; line-height: 43px; width: 68%; margin-bottom: 24px;} .newsletter_section .newsletter_row h5 { width: 95%;} .newsletter_section .form-row { grid-template-columns: repeat(2, 1fr) !important; gap: 16px;} .partner_section { padding: 6rem 0px 4rem 0px; clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%); margin-top: -5rem; } footer.footer-section .footer-box h4 { font-size: 27px; line-height: 35px; margin-bottom: 18px;} .footer-section .partnerfoot_col .partners img:first-child { width: 100%;} footer.footer-section .footer-box p { line-height: 29px; width: 101%;} footer.footer-section .footer-box { margin-bottom: 40px;} .partner-logos {gap: 5px;} .footer_logo { width: 56%;} } /* Mobile */ @media only screen and (max-width: 767px) { header.header.other_header { padding: 23px 0px;} .herosection {background-position: top left;} .head_logo img.cigar_with_flame { right: 0px; top: 41px; z-index: -1; width: 100px;} .herosection .hero_row p { margin-bottom: 0px; margin-top: 30px; line-height: 44px;} .herosection .hero_row p br{display: none;} .herosection .hero_row { padding-top: 10rem;} .herosection .hero_row .sow-image-container img {width: 33%;} .outer-container { padding: 10px !important;} .head_logo img.cigar_with_flame { top: 5px; right: -12px;} .hero_row { max-width: 96% !important;} .hero_row:before { width: 74px; height: 155px; top: 21px; left: 135px; } .head_logo a img { width: 97%;} .head_logo { width: 15rem;} .right_header .main-nav ul#menu-header-menu-1 li:last-child a { padding: 13px 9px; font-size: 12px;} .programsection .program_row { padding: 40px 0px 35px 0px !important;} .programsection .program_row .program_title h3 { font-size: 25px; line-height: 20px; } .program_left .program_title p { font-size: 18px; line-height: 28px;} .program_left .program_title h2 { font-size: 30px; line-height: 34px;} .program_left .program_title h2 br{display: none;} .program_left .program_title p a { width: 100%;} .program_right .program_time .so-widget-sow-editor h3.widget-title { margin-bottom: 30px;} .program_right .program_time .so-widget-sow-editor ul li { gap: 21px; font-size: 18px; line-height: 27px; } .program_right_row .widget_text h3.widget-title { font-size: 25px;} .event_section {clip-path: polygon(0 0%, 100% 4%, 100% 90%, 0% 100%); padding: 4rem 0 11rem; margin-top: 9rem;} .event_section .cigar_event_row1 .so-widget-sow-editor h3.widget-title { font-size: 25px; line-height: 20px;} .event_section .cigar_event_row1 .so-widget-sow-editor h2 { font-size: 30px; line-height: 34px;} .event_section .cigar_event_row1 .so-widget-sow-editor ul li { font-size: 18px; line-height: 28px; left: 0px;} .event_section .cigar_event_row1:before { width: 45px; height: 99%;} .event_section .cigar_event_row3 .so-widget-sow-editor p { font-size: 18px; line-height: 28px;} .event_section .cigar_event_row3 .so-widget-sow-editor p br{display: none;} .event_section .cigar_event_row3 {margin-bottom: 50px;} .event_section .cigar_event_row1 img.so-widget-image { width: 35%;} .cigar_event_row2.panel-row-style.panel-row-style-for-w68bfbab75efec-1 { width: 63%;} .cigar_event_row1 .so-widget-sow-image-default-c67d20f9f743 .sow-image-container .so-widget-image { width: 100%;} .award_section { clip-path: polygon(0 4%, 100% 0, 100% 99%, 0 96%); padding: 6rem 0 6rem; margin-top: -10rem;} .award_section .so-widget-sow-editor h3.widget-title { font-size: 25px; line-height: 20px;} .award_section .so-widget-sow-editor h2 br{display: none;} .award_section .so-widget-sow-editor h2 { font-size: 30px; line-height: 34px; } .award_section .so-widget-sow-editor ul li { font-size: 22px; line-height: 34px;} .community_section .community_row1 .so-widget-sow-editor h3.widget-title { font-size: 25px; line-height: 30px;} .community_section .community_row1 .so-widget-sow-editor h2 {font-size: 30px; line-height: 34px; } .community_section .community_row2 .so-widget-sow-editor ul li, .community_section .community_row2 .so-widget-sow-editor h3.widget-title, .community_section .community_row2 .so-widget-sow-editor p { font-size: 18px; line-height: 28px; } .community_section .so-widget-sow-button-flat-4e8b2ce19e33 .ow-button-base .sowb-button { font-size: 20px; width: 100%; padding: 20px 0px;} .sc_night_section { clip-path: polygon(0 10%, 100% 0%, 100% 95%, -1% 85%);} .sc_night_section .container .panel-layout {padding: 5rem 0 6rem;} .sc_night_img1 img{width: 30%;} .sc_night_img2 img { width: 30%;} .vote_section { padding: 1rem 0 4rem;} .vote_section .vote_row1 .so-widget-sow-editor h3.widget-title { font-size: 30px; line-height: 34px; margin-bottom: 40px; max-width: 100%;} .vote_section .vote_row1 .so-widget-sow-editor p strong { font-size: 20px; line-height: 27px; } .vote_section .vote_row1 .so-widget-sow-editor p br { display: none;} .vote_section .vote_row1 .so-widget-sow-editor p { font-size: 18px; line-height: 29px;} .vote_section ul.nav.nav-tabs li.nav-item a { font-size: 18px !important;} .bepartof_sec .bepartof_row1 h3 {font-size: 25px; line-height: 20px; } .bepartof_sec .bepartof_row1 h2 br{display: none;} .bepartof_sec .bepartof_row1 h2 { font-size: 30px; line-height: 34px;} .bepartof_sec .bepartof_row1 p { font-size: 18px; line-height: 28px; } .bepartof_row1 .global_btn .so-widget-sow-button .ow-button-base .sowb-button { width: 100% !important; padding: 20px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol { padding: 30px 20px 30px 20px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h3, .bepartof_sec .bepartof_row2 .bepartof_rightcol h3 {font-size: 25px; line-height: 20px; margin-bottom: 20px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h2 br, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 br{display: none;} .bepartof_sec .bepartof_row2 .bepartof_leftcol h2, .bepartof_sec .bepartof_row2 .bepartof_rightcol h2 { font-size: 30px; line-height: 34px; margin-bottom: 21px; } .bepartof_sec .bepartof_row2 .bepartof_leftcol ul, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul { margin-bottom: 40px;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li { font-size: 18px; line-height: 28px; margin-left: 36px; width: 90%;} .bepartof_sec .bepartof_row2 .bepartof_leftcol ul li a, .bepartof_sec .bepartof_row2 .bepartof_rightcol ul li a { font-size: 18px; line-height: 28px;} .bepartof_sec .bepartof_row2 { gap: 20px !important;} .bepartof_sec .bepartof_row2 .bepartof_leftcol .global_btn a.sowb-button, .bepartof_sec .bepartof_row2 .bepartof_rightcol .global_btn a.sowb-button { padding: 20px 20px !important;} /* .bepartof_sec .bepartof_row2 .bepartof_leftcol, .bepartof_sec .bepartof_row2 .bepartof_rightcol {min-height: auto !important;} */ .bepartof_sec .bepartof_row2 .bepartof_leftcol .global_btn a.sowb-button span, .bepartof_sec .bepartof_row2 .bepartof_rightcol .global_btn a.sowb-button span{font-size: 19px;} .newsletter_section .newsletter_row::before { height: 38%; top: -99px; right: -17px; width: 18%;} .newsletter_section .newsletter_row h3 { font-size: 30px; line-height: 34px; width: 88%; margin-bottom: 20px;} .newsletter_section .newsletter_row h5 { font-size: 18px; line-height: 28px; margin-bottom: 40px;} .newsletter_section .form-row { grid-template-columns: repeat(1, 1fr) !important; gap: 25px; padding-bottom: 40px; } .newsletter_section .wpcf7 form.invalid .wpcf7-response-output { width: 100%; bottom: 8px; font-size: 12px; padding: 4px 2px;} .newsletter_section .wpcf7 form.sent .wpcf7-response-output {width: 100%; bottom: 5px; font-size: 14px;} .partner_row img{width: 40%;} .partner_section .partner_row h3 {margin-bottom: 51px;} footer.footer-section { padding: 50px 0px 0px 0px;} footer.footer-section .footer-box p { width: 56%;} .footer-section .partnerfoot_col .partners img:first-child { width: 55%;} img.footer_logo2 { width: 100% !important;} .footer_logo { width: 30% !important; } .partner-logos {gap: 25px;} .program_time::before {width: 100%;} .program_time::after { width: 100%; bottom: -5px;} /* inner page css */ .breadcrumb_sec .breadcrumb_row { padding: 75px 0px;} .breadcrumb_sec .breadcrumb_row h3.widget-title { font-size: 26px; line-height: 30px;} .hero_row::after { top: 50px; left: 15px;} .hero_row:before { top: 43px; left: 69px;} body.home header.header { top: 15px; width: 100%;} .infocontent_sec .infocontent_row p{overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } .partner_img1 { text-align: left;} }