/* Theme Name: Haswell Child Theme URI: http://themeforest.net/user/CMSSuperHeroes/portfolio Description: In 2014, Creating a magazine website with WordPress has never been easier. Author: Cmssuperheroes Team Author URI: http://cmssuperheroes.com/ Template: haswell Version: 1.0.3 Tags: black, dblue, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: haswell-child */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=EB+Garamond&family=Lato:wght@100;300;400;700;900&display=swap'); :root { /*fonts */ --mainfont: 'Lato', sans-serif; --titlefont: 'Cormorant Garamond', serif; --extrafont: 'EB Garamond', serif; --black: #000; --black_rgb: 0, 0, 0; --white: #FFF; --white_rgb: 255, 255, 255; --dblue: #05203B; --dblue_rgb: 5, 32, 59; --blue: #2570B4; --blue_rgb: 37, 112, 180; --lblue: #819DB5; --lblue_rgb: 129, 157, 181; --mblue: #121921; --mblue_rgb: 18, 25, 33; --lgrey: #E9EBEA; --lgrey_rgb: 233, 235, 234; /*colors */ --maincolor: var(--dblue); --maincolor_rgb: var(--dblue_rgb); --menucolor: rgba(var(--white_rgb, 0.4)); --menucolor_hover: rgba(var(--white_rgb), 1); --menucolor_active: rgba(var(--lblue_rgb), 1); --header-height: 140px; --header-height-mobile: 84px; --header_bg: var(--dblue); --header_bg_rgb: 246, 227, 171; --header_bg: #05203B; --header_bg_rgb: 5, 32, 59; --header_logo_height: 68px; } body.montreux { font-family: var(--mainfont); font-size: 18px; line-height: 1.5; color: var(--maincolor); background-color: #fff; } /************** FIX BOOTSTRAP CONTAINER **************/ @media (min-width: 1430px) { .montreux .container { width: 1400px; } } @media (max-width: 768px) { .montreux .container { width: 100%; } } /* title headers */ .montreux h1, .montreux .h1 { font: 400 100px/1.2 var(--titlefont); margin: 0; } .montreux h1.big, .montreux .h1.big { font: 400 110px/1.2 var(--titlefont); margin: 0; } .montreux h2, .montreux .h2 { font: 400 50px/1.1 var(--titlefont); margin: 0; } .montreux h3, .montreux .h3 { font: 400 40px/1.25 var(--titlefont); margin: 0 0 15px 0; letter-spacing: -0.1px; } .montreux h3.medium, .montreux .h3.medium { font: 400 30px/1.25 var(--titlefont); } .montreux h4, .montreux .h4 { font: 300 14px/1.1 var(--mainfont); margin: 0; } /***************************/ /* no title headers */ .montreux h5, .montreux .h5 { font: 300 24px/2 var(--mainfont); margin: 0; } .montreux h6, .montreux .h6 { font: 400 14px/1.2 var(--titlefont); margin: 15px 0 5px 0; } .montreux p, .montreux .p { font: 400 22px/1.5 var(--mainfont); margin: 0 0 15px 0; } .montreux p, .montreux .p { font: 400 22px/1.5 var(--mainfont); margin: 0 0 15px 0; } .montreux p.medium, .montreux .p.medium { font: 400 18px/1.5 var(--mainfont); } .montreux b, .montreux strong { font-weight: 600 !important; } .montreux .semibold { font-weight: 500 !important; } /***** special lines *********/ /* .montreux h1.extrabig { font: 500 300px/1.1 var(--titlefont); } .montreux h1.big { font: 500 150px/1.1 var(--titlefont); } */ .montreux a, .montreux h1 a, .montreux h2 a, .montreux h3 a, .montreux h4 a, .montreux h5 a, .montreux h6 a { cursor: pointer; color: var(--black); } .montreux a:hover, .montreux h1 a:hover, .montreux h2 a:hover, .montreux h3 a:hover, .montreux h4 a:hover, .montreux h5 a:hover, .montreux h6 a:hover, .montreux h1 a:focus, .montreux h2 a:focus, .montreux h3 a:focus, .montreux h4 a:focus, .montreux h5 a:focus, .montreux h6 a:focus { color: var(--blue); } .montreux .img-fluid { max-width: 100%; height: auto; } .montreux ul, .montreux ul li { padding-left: 0; list-style: none; margin-top: 0; margin-bottom: 0; } .montreux ul.list, .montreux ul.list li { padding-left: 0; list-style: none; margin-top: 0; margin-bottom: 0; } .montreux ul.list li { margin-bottom: 15px; padding-left: 60px; } .montreux ul.list li::before { content: '\f00c'; font-family: 'fontAwesome'; color: var(--lblue); font-size: 32px; line-height: 1; position: absolute; left: 0; } /******* COLORS **********/ .montreux .color_dblue { color: var(--dblue); } .montreux .bg_dblue { background-color: var(--dblue); } .montreux .color_blue { color: var(--blue); } .montreux .bg_blue { background-color: var(--blue); } .montreux .color_lblue { color: var(--lblue); } .montreux .bg_lblue { background-color: var(--lblue); } .montreux .color_white { color: var(--white); } .montreux .bg_white { background-color: var(--white); } .montreux .color_lgrey { color: var(--lgrey); } .montreux .bg_lgrey { background-color: var(--lgrey); } .montreux .montreux_bg { background: rgb(var(--lgrey_rgb), 1); /*background: linear-gradient(0deg, rgba(255, 233, 168, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);*/ background-repeat: repeat-x; background-position: bottom center; background-size: cover; } .montreux .montreux_grey_bg { background-repeat: repeat-x; background-position: bottom center; background-size: cover; } /**********************/ .pb-100 { padding-bottom: 100px; } .pt-100 { padding-top: 100px; } .p-100 { padding-bottom: 100px; padding-top: 100px; } .pb-120 { padding-bottom: 120px; } .pt-120 { padding-top: 120px; } .p-120 { padding-bottom: 120px; padding-top: 120px; } /**** resize on mobiles ****/ @media (max-width:991px) { .pb-120 { padding-bottom: 80px; } .pt-120 { padding-top: 80px; } .p-120 { padding-bottom: 80px; padding-top: 80px; } } .pb-240 { padding-bottom: 240px; } .pt-240 { padding-top: 240px; } .p-240 { padding-bottom: 240px; padding-top: 240px; } /**** resize on mobiles ****/ @media (max-width:991px) { .pb-240 { padding-bottom: 80px; } .pt-240 { padding-top: 80px; } .p-240 { padding-bottom: 80px; padding-top: 80px; } } /*fix 3 columns*/ @media (max-width:991px) { .pt-mobile-15 { padding-top: 15px !important; } } /***** for empty sections with paddings */ .p-mobile-0 {} @media (max-width:991px) { .p-mobile-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } .pr-15 { padding-right: 15px; } .pl-15 { padding-left: 15px; } .pr-20 { padding-right: 20px; } .pl-20 { padding-left: 20px; } /* WHEN OVERLAP CONTAINERS - USE NEGATIVE MARGINS*/ [class*="ot-"] { z-index: 1; position: relative; } .ot-30 { margin-top: -30px; } .ob-30 { margin-bottom: -30px; } .ot-60 { margin-top: -60px; } .ob-60 { margin-bottom: -60px; } .ot-80 { margin-top: -80px; } .ob-80 { margin-bottom: -80px; } .ot-100 { margin-top: -100px; } .ob-100 { margin-bottom: -100px; } .ot-120 { margin-top: -120px; } .ob-120 { margin-bottom: -120px; } .m-15 { margin-top: 15px; margin-bottom: 15px; } .mb-15 { margin-bottom: 15px; } .mt-15 { margin-top: 15px; } .m-35 { margin-top: 35px; margin-bottom: 35px; } .mb-35 { margin-bottom: 35px; } .mt-35 { margin-top: 35px; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } /************************************/ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) {} /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) {} /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) {} /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) {} /********************/ /* .hide_mobile { display: inherit; } .hide_desktop { display: inherit; } @media (max-width:992px) { .hide_mobile { display: none !important; } } @media (min-width:768px) { .hide_desktop { display: none !important; } } */ /************ MAIN MENU *************/ .montreux .cs-wide { overflow: hidden; /*no room for header*/ /*padding-top: var(--header-height);*/ } .montreux .cshero-main-header { background-color: transparent; } .montreux #cshero-header.header-fixed { background-color: transparent; position: absolute; } .montreux #cshero-header .container-m-30 { max-width: 1555px; } /*logo*/ .montreux #cshero-header-logo a { line-height: var(--header-height); } .montreux #cshero-header-logo a img, .montreux #cshero-header-logo a svg { max-width: 100%; height: auto; height: var(--header_logo_height); max-height: 100%; /*set the height to get the transition*/ vertical-align: middle; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; } .montreux #cshero-header.header-fixed #cshero-header-logo a img { width: auto; } .montreux .cshero-header-cart-search .header a, .montreux #cshero-header-navigation .main-navigation .menu-main-menu>li>a, .montreux #cshero-header-navigation .main-navigation .menu-main-menu>ul>li>a { line-height: var(--header-height); } /*menu items*/ .montreux #cshero-header-navigation .main-navigation .menu-main-menu>li>a, .montreux #cshero-header-navigation .main-navigation .menu-main-menu>ul>li>a, .montreux .cshero-header-cart-search .header a { font-size: 18px; font-family: var(--mainfont); font-weight: 400; color: var(--menucolor); text-transform: none; letter-spacing: initial; } .montreux #cshero-header-navigation .main-navigation .menu-main-menu>li>a { padding-left: 10px; padding-right: 10px; } /* current */ .montreux #cshero-header-navigation .main-navigation .menu-main-menu>li.current-menu-item>a, .montreux #cshero-header-navigation .main-navigation .menu-main-menu>li.current-menu-ancestor>a { font-weight: 400; color: var(--menucolor_active); } /* hide undebar */ .montreux .menu-main-menu>li.current-menu-item>a span::before, .montreux .menu-main-menu>li.current-menu-ancestor>a span::before { display: none } /* hover */ .montreux #cshero-header-navigation .main-navigation .menu-main-menu>li>a:hover, .montreux #cshero-header-navigation .main-navigation .menu-main-menu>ul>li>a:hover, .montreux .cshero-header-cart-search .header a:hover { color: var(--menucolor_hover); } /*************** SUBMENUS ****************/ @media screen and (min-width: 1025px) { .montreux .main-navigation .menu-main-menu ul { background-color: var(--menucolor); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); padding: 10px 10px 10px 24px; min-width: 250px; } /*sub menu headers*/ .montreux #cshero-header-navigation .main-navigation ul.multicolumn>li>a span.menu-title, .montreux .main-navigation .menu-main-menu li li { font: 600 15px/1.5 var(--mainfont); color: var(--dblue); } /*sub menu links*/ .montreux .main-navigation .menu-main-menu li li { margin: 0; padding: 0; font-size: 15px; line-height: 1.5; text-transform: none; width: 100%; font: 400 15px/1.5 var(--mainfont); } .montreux .main-navigation .menu-main-menu li li a { color: var(--lblue); display: block; min-width: 160px; padding: 9px 9px 9px 0; text-decoration: none; white-space: nowrap; } .montreux .main-navigation .menu-main-menu li li a:hover, .main-navigation .menu-main-menu li li a:focus { color: var(--dblue); } .montreux #cshero-header-navigation .main-navigation ul.multicolumn>li a span { font-size: 15px; line-height: 1.5; text-transform: none; } .montreux .main-navigation .menu-main-menu li li.current-menu-item a { color: var(--dblue); } } /************ MENU MOBILE ****************/ @media (max-width: 500px) { .montreux .main-navigation { height: inherit !important; overflow: hidden !important; } } .montreux #cshero-menu-mobile .hamb-mob-icon { line-height: var(--header-height-mobile); font-size: 32px; color: var(--maincolor) !important; } .montreux #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item a>span img { border: 1px solid var(--lblue); } .montreux #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item:hover a>span img { border-color: 1px solid var(--blue); } /* hide title-attribute */ .montreux #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item a span.title-attribute { display: none; } /* hide title-attribute */ .montreux #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item a span.title-attribute { display: none; } /************ ROTATE ARROW ON MOBILE *************************/ /*main toogle*/ .montreux #cshero-header-navigation ul#menu-main-menu>li>span.cs-menu-toggle { top: 0; right: 0; line-height: 1; width: 60px; height: 50px; padding: 14px 0px; } .montreux #cshero-header-navigation ul#menu-main-menu li>span.cs-menu-toggle i { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: aall 200ms ease-out; -webkit-transform-origin: calc(50% - 0px) calc(50% - 15px); -moz-transform-origin: calc(50% - 0px) calc(50% - 15px); -ms-transform-origin: calc(50% - 0px) calc(50% - 15px); -o-transform-origin: calc(50% - 0px) calc(50% - 15px); transform-origin: calc(50% - 0px) calc(50% - 15px); } /****************** FLAGS ********************/ .montreux .wpml-ls-menu-item .wpml-ls-flag { display: inline; vertical-align: middle; width: 18px; height: 18px; margin-bottom: 2px; } /****************** FLAGS ********************/ .montreux .wpml-ls-menu-item img.wpml-ls-flag { display: inline; vertical-align: middle; width: 30px; height: 30px; margin-bottom: 2px; padding: 5px; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /************** HACKS **************/ .no-gutter { margin-right: 0; margin-left: 0; } .no-gutter>[class*="col-"] { padding-right: 0; padding-left: 0; } /**************** FOOTER ****************/ /**************** FOOTER ****************/ /**************** FOOTER ****************/ /*first-column background color*/ .main-footer-wrap { position: relative; background-color: var(--black); } .main-footer-wrap::before { content: ''; /*background-color: #FAF7EF;*/ background-color: var(--mblue); width: 45%; height: 100%; position: absolute; top: 0; left: 0px; height: calc(100%); } @media(max-width:991px) { .main-footer-wrap::before { margin-top: 0; height: calc(50%); width: 100%; left: 0; } } @media(max-width:991px) { .main-footer-wrap::before { display: none; } } .montreux .widget { margin-bottom: 15px; } .cms-recent-posts-montreux { max-width: 376px; } /*FOOTER MENUS */ .montreux #cshero-footer-top .wg-title { font-size: 20px; line-height: 1; font-weight: 600; font-family: var(--titlefont); color: var(--white); margin-bottom: 15px; margin-top: 8px; text-transform: none; } .montreux #cshero-footer-top .menu li a { text-transform: none; color: var(--white); font-family: var(--mainfont); font-weight: 400; font-size: 18px; line-height: 1; position: relative; width: 100%; display: block; min-height: 44px; margin-bottom: 0px; } .montreux #cshero-footer-top .menu li a span.menu-title { display: inline-block; position: absolute; width: calc(100% - 26px); top: 4px; left: 26px; line-height: 1; -webkit-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s; -ms-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; transition: all 800ms ease 0s; } .montreux #cshero-footer-top .menu li a::before { content: '/'; color: var(--blue); font-weight: 600; background-color: var(--black); padding-right: 20px; z-index: 1; position: relative; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -ms-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } @media(max-width:991px) { .montreux #cshero-footer-top .menu li a { display: block; width: 100%; min-height: 40px; } .montreux #cshero-footer-top .menu li a span.menu-title { position: absolute; width: calc(100% - 26px); top: 1px; left: 26px; line-height: 1; font-size: 16px; } .montreux #cshero-footer-top .menu li a::before { /* font-size: 18px; line-height: 1; position: absolute; top: 0; */ } } .montreux #cshero-footer-top .menu li a:hover { color: var(--lblue); font-weight: 400; } .montreux #cshero-footer-top .menu li a:hover span.menu-title { transform: translate(10px, 0); } .montreux #cshero-footer-top .menu li a:hover::before { color: var(--white); } .montreux #cshero-footer-top .menu li.current_page_item a { color: var(--lblue); font-weight: 400; } .montreux #cshero-footer-top .widget_recent_entries li a { text-transform: none; color: var(--white); font-weight: 400; } /* first column content*/ .footer-contact-info a { position:relative; } .montreux .footer-contact-info a img, .montreux .footer-contact-info a svg { max-height: 60px; display: block; margin-bottom: 60px; } .montreux .footer-contact-info .footer_text p { font: 400 22px/1.5 var(--mainfont); color: var(--white); margin-bottom: 80px; } .montreux .footer-contact-info .footer_text p strong { font-weight: 600; } .montreux .footer-contact-info .footer_copyright p { font: 300 16px/1.5 var(--mainfont); color: var(--white); } .montreux .footer-contact-info a:hover { color: var(--lblue) } @media(max-width:768px) { .montreux .footer-contact-info a img { margin: 60px auto; } .montreux .footer-contact-info .footer_text p { font: 400 16px/1.5 var(--mainfont); } .montreux .footer-contact-info .footer_copyright p { font: 300 14px/1.5 var(--mainfont); } } /**** fix logo column height ***/ .montreux .montreux_navigation_module, .montreux .montreux_events_module { padding-top: 120px; } /* underfooter */ .montreux #cshero-footer-bottom hr { display: none; } .montreux .cshero-footer-wrap { padding-top: 0px; } .montreux .cshero-footer-wrap .copyright { font: 300 12px/1.5 var(--mainfont); color: var(--lblue); padding: 5px 0; } .montreux .widget_cs_social_widget li a { font-size: 16px; padding: 0px 9px; line-height: 1; color: var(--lblue); display: none; } .montreux .widget_cs_social_widget li a:hover { color: var(--dblue); } /*************** LOADER *********************/ .montreux #cms-loadding { background: var(--white); } .montreux #cms-loadding .ball { background-color: rgb(var(--dblue_rgb), 0.5); } /********* SLIDER ***************/ /* .montreux .slider-button .rev-btn { width: 193px; height: 41px; border-radius: 23px; padding: 11px 48px; font: 400 14px/1.1 var(--mainfont); color: var(--brown); border: 1px solid var(--brown); background: transparent; } */ .montreux .slider-button .rev-btn:hover { color: var(--white) !important; border: 1px solid var(--dblue) !important; background: var(--dblue); } /********** CONTAINER SIZES **************/ .montreux .content-short { max-width: 554px; margin: 0 auto; } /****** HEADINGS **************/ .montreux .cms-heading-inner { color: var(--blue); } .montreux .color_dblue .cms-heading-inner { color: var(--dblue); } .montreux .color_dblue .cms-heading-inner { color: var(--dblue); } .montreux .color_white .cms-heading-inner { color: var(--white); } .montreux .bold .cms-heading-inner { font-weight: 600; } /*main heading */ .montreux h2.cms-heading-inner, .montreux .h2.cms-heading-inner { font: 400 50px/1.2 var(--titlefont) !important; margin: 0; margin-bottom: 0px; letter-spacing: 2px; color: var(--maincolor); margin-bottom: 30px; } .montreux .medium h2.cms-heading-inner, .montreux .medium .h2.cms-heading-inner { font: 400 34px/1.2 var(--titlefont) !important; } .montreux .medium h3.cms-heading-inner, .montreux .medium .h3.cms-heading-inner { font: 400 30px/1.2 var(--titlefont) !important; } /*blue heading */ .montreux h4.cms-heading-inner, .montreux .h4.cms-heading-inner { font: 300 14px/1.1 var(--mainfont) !important; margin: 0; margin-bottom: 0px; letter-spacing: 2px; margin-bottom: 20px; letter-spacing: 3px; } /****** h4 title font mini ********/ .montreux .title_light h4.cms-heading-inner { font-size: 30px; } .montreux .title_light h4.cms-heading-inner, .montreux .h4.title_light { font: 300 20px/1.1 var(--titlefont); margin: 0; } .montreux .title_medium h4.cms-heading-inner, .montreux .h4.title_medium { font: 400 20px/1.1 var(--titlefont); margin: 0; } .montreux .title_invisible h4.cms-heading-inner, .montreux .h4.title_invisible { visibility: hidden; } .montreux span.linebreak { display: block; visibility: hidden; } @media (max-width:767px) { .montreux .title_invisible { display: none; } .montreux span.linebreak { display: none; } } /************ BUTTONS *****************/ /************ BUTTONS *****************/ /************ BUTTONS *****************/ .montreux .btn { -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } /* transparent button */ .montreux .btn_rounded { padding: 15px 30px 15px 30px; border: 1px solid var(--maincolor); color: var(--maincolor); font: 700 18px/1 var(--mainfont); background: transparent; border-radius: 40px; } .montreux .btn_rounded:hover { border: 1px solid var(--maincolor); color: var(--white); background: var(--maincolor); } .montreux .btn_rounded.btn_arrow { padding: 15px 70px 15px 30px; position: relative; color: var(--white); background: var(--blue); border: 1px solid var(--blue); } .montreux .btn_rounded.btn_arrow:hover { color: var(--white); background: var(---dblue); border-color: var(---dblue); padding-right: 84px; } .montreux .btn_rounded.btn_arrow::after { position: absolute; background-color: transparent; background-image: url('media/button-arrow-white.svg'); width: 32px; height: 16px; content: ''; background-size: auto; background-repeat: no-repeat; background-position: center right; right: 15px; } .montreux .btn_rounded.btn_arrow:hover::after { /****/ } .montreux .btn_rounded.btn-dblue { border-color: var(--dblue); color: var(--dblue); } .montreux .btn_rounded.btn_dblue:hover { border-color: var(--dblue); background-color: var(--dblue); color: var(--white); } .montreux .btn_rounded.btn_lblue { border-color: var(--brown); color: var(--brown); } .montreux .btn_rounded.btn_lblue:hover { border-color: var(--brown); background-color: var(--brown); color: var(--white); } /* cms buttons -> buttons from bakery*/ .montreux .cms-button-wrap button, .montreux .cms-button-wrap a, .montreux .btn.btn_rounded { padding: 11px 48px; border: 1px solid var(--maincolor); color: var(--maincolor); font: 400 14px/1 var(--mainfont); background: transparent; border-radius: 23px; } .montreux .cms-button-wrap button:hover, .montreux .cms-button-wrap a:hover, .montreux .btn.btn_rounded:hover { border: 1px solid var(--maincolor); color: var(--white); background: var(--maincolor); } .montreux .cms-button-wrap.cms_button_dblue button, .montreux .cms-button-wrap.cms_button_dblue a, .montreux .btn.btn_rounded.btn_dblue { border-color: var(--dblue); color: var(--dblue); } .montreux .cms-button-wrap.cms_button_dblue button:hover, .montreux .cms-button-wrap.cms_button_dblue a:hover, .montreux .btn.btn_rounded.btn_dblue:hover { border-color: var(--dblue); background-color: var(--dblue); color: var(--white); } .montreux .cms-button-wrap.cms_button_ldblue button, .montreux .cms-button-wrap.cms_button_ldblue a, .montreux .btn.btn_rounded.btn_ldblue { border-color: var(--ldblue); color: var(--ldblue); } .montreux .cms-button-wrap.cms_button_ldblue button:hover, .montreux .cms-button-wrap.cms_button_ldblue a:hover, .montreux .btn.btn_rounded.btn_ldblue:hover { border-color: var(--ldblue); background-color: var(--ldblue); color: var(--white); } .montreux .cms-button-wrap.cms_button_white button, .montreux .cms-button-wrap.cms_button_white a, .montreux .btn.btn_rounded.btn_white { border-color: var(--white); background-color: var(--white); color: var(--dblue); } .montreux .cms-button-wrap.cms_button_white button:hover, .montreux .cms-button-wrap.cms_button_white a:hover, .montreux .btn.btn_rounded.btn_white:hover { border-color: var(--white); color: var(--white); background-color: transparent; } .montreux .cms-button-wrap.cms_button_dblue_reverse button, .montreux .cms-button-wrap.cms_button_dblue_reverse a, .montreux .btn.btn_rounded.btn_dblue_reverse { border-color: var(--dblue); background-color: var(--dblue); color: var(--white); } .montreux .cms-button-wrap.cms_button_dblue_reverse button:hover, .montreux .cms-button-wrap.cms_button_dblue_reverse a:hover, .montreux .btn.btn_rounded.btn_dblue_reverse:hover { border-color: var(--dblue); background-color: var(--white); color: var(--dblue); } .montreux .cms-button-wrap.cms_button_ldblue_reverse button, .montreux .cms-button-wrap.cms_button_ldblue_reverse a, .montreux .btn.btn_rounded.btn_ldblue_reverse { border-color: var(--ldblue); background-color: var(--ldblue); color: var(--white); } .montreux .cms-button-wrap.cms_button_ldblue_reverse button:hover, .montreux .cms-button-wrap.cms_button_ldblue_reverse a:hover, .montreux .btn.btn_rounded.btn_ldblue_reverse:hover { border-color: var(--ldblue); background-color: var(--white); color: var(--ldblue); } /* cms arrow button */ .montreux .cms-button-wrap.cms_btn_arrow button, .montreux .cms-button-wrap.cms_btn_arrow a, .montreux .btn.btn_rounded.btn_cms_btn_arrow { position: relative; padding: 20px 70px 20px 30px; border-color: var(--blue); background-color: var(--blue); color: var(--white); font-size: 400 18px/1 var(--mainfont); text-transform: none; border-radius: 40px; } .montreux .cms-button-wrap.cms_btn_arrow button:hover, .montreux .cms-button-wrap.cms_btn_arrow a:hover, .montreux .btn.btn_rounded.btn_cms_btn_arrow:hover { border-color: var(--dblue); background-color: var(--dblue); color: var(--white); padding-right: 84px; } .montreux .cms-button-wrap.cms_btn_arrow.cms_btn_arrow_reverse button:hover, .montreux .cms-button-wrap.cms_btn_arrow.cms_btn_arrow_reverse a:hover, .montreux .btn.btn_rounded.btn_cms_btn_arrow.cms_btn_arrow_reverse:hover { border-color: var(--lblue); background-color: var(--lblue); } /* cms arrow button */ .montreux .cms-button-wrap.cms_btn_arrow button::after, .montreux .cms-button-wrap.cms_btn_arrow a::after, .montreux .btn.btn_rounded.btn_cms_btn_arrow::after { position: absolute; background-color: transparent; background-image: url('media/button-arrow-white.svg'); width: 32px; height: 16px; content: ''; background-size: auto; background-repeat: no-repeat; background-position: center right; right: 15px; } .montreux .cms-button-wrap.cms_btn_arrow button:hover::after, .montreux .cms-button-wrap.cms_btn_arrow a:hover::after, .montreux .btn.btn_rounded.btn_cms_btn_arrow:hover::after { /*width: 42px;*/ } /************ CMS BUTTON GO BACK ****************/ /************ CMS BUTTON GO BACK ****************/ /************ CMS BUTTON GO BACK ****************/ /****** arrow button ***/ .wpb_raw_code a.btn_arrow_goback { font: 600 24px/1 var(--mainfont); color: var(--black); width: 50%; min-width: 270px; display: block; padding: 5px 0; position: relative; overflow: hidden; opacity: 0; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } @media(max-width:768px) { .wpb_raw_code a.btn_arrow_goback { font: 600 20px/1 var(--mainfont); color: var(--black); width: 30%; min-width: 220px; display: block; padding: 5px 0; position: relative; overflow: hidden; } } .wpb_raw_code a.btn_arrow_goback span.btn_arrow_goback_inner { white-space: nowrap; display: inline-block; margin-bottom: 0 !important; width: calc(100%); text-align: right; margin-left: auto; -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } /*icon*/ .wpb_raw_code a.btn_arrow_goback span.btn_arrow_goback_inner span.material-icons { display: block; float: left; padding: 2px 0; line-height: 1; transform: rotate(180deg) translateX(-10px); -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } /*line*/ .wpb_raw_code a.btn_arrow_goback:after { content: ''; position: absolute; height: 1px; width: calc(100% - 10px); background-color: rgba(var(--black_rgb), 0.7); bottom: 0; right: 0; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } .waypoint .wpb_raw_code a.btn_arrow_goback { opacity: 1; } .waypoint .wpb_raw_code a.btn_arrow_goback:hover { /*hover*/ color: var(--blue); } .waypoint .wpb_raw_code a.btn_arrow_goback:hover:after { width: calc(100%); background-color: rgba(var(--blue_rgb), 0.7); } .waypoint .wpb_raw_code a.btn_arrow_goback:hover span.material-icons { -webkit-transform: rotate(180deg) translateX(0px); -moz-transform: rotate(180deg) translateX(0px); -ms-transform: rotate(180deg) translateX(0px); -o-transform: rotate(180deg) translateX(0px); transform: rotate(180deg) translateX(0px); } /*button animation text and arrow icon*/ .waypoint .wpb_raw_code a.btn_arrow_goback span.btn_arrow_goback_inner { -webkit-animation-name: start_button_arrow_reverse; -webkit-animation-duration: 2000ms; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0ms; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-name: start_button_arrow_reverse; -moz-animation-duration: 2000ms; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0ms; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -ms-animation-name: start_button_arrow_reverse; -ms-animation-duration: 2000ms; -ms-animation-timing-function: ease; -ms-animation-fill-mode: forwards; -ms-animation-delay: 0ms; -ms-animation-iteration-count: 1; -ms-animation-direction: normal; -o-animation-name: start_button_arrow_reverse; -o-animation-duration: 2000ms; -o-animation-timing-function: ease; -o-animation-fill-mode: forwards; -o-animation-delay: 0ms; -o-animation-iteration-count: 1; -o-animation-direction: normal; animation-name: start_button_arrow_reverse; animation-duration: 2000ms; animation-timing-function: ease; animation-fill-mode: forwards; /*stop on last fotogram*/ animation-delay: 0ms; animation-iteration-count: 1; /*infinite*/ animation-direction: normal; } /*the line*/ .waypoint .wpb_raw_code a.btn_arrow_goback:after { -webkit-animation-name: start_line_arrow_reverse; -webkit-animation-duration: 2000ms; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0ms; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-name: start_line_arrow_reverse; -moz-animation-duration: 2000ms; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; -moz-animation-delay: 0ms; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -ms-animation-name: start_line_arrow_reverse; -ms-animation-duration: 2000ms; -ms-animation-timing-function: ease; -ms-animation-fill-mode: forwards; -ms-animation-delay: 0ms; -ms-animation-iteration-count: 1; -ms-animation-direction: normal; -o-animation-name: start_line_arrow_reverse; -o-animation-duration: 2000ms; -o-animation-timing-function: ease; -o-animation-fill-mode: forwards; -o-animation-delay: 0ms; -o-animation-iteration-count: 1; -o-animation-direction: normal; animation-name: start_line_arrow_reverse; animation-duration: 2000ms; animation-timing-function: ease; animation-fill-mode: forwards; animation-delay: 0ms; animation-iteration-count: 1; animation-direction: normal; } @-webkit-keyframes start_button_arrow_reverse { 0.0% { -webkit-transform: translate(0px, 100%); opacity: 0; } 100% { -webkit-transform: translate(0px, 0); opacity: 1; } } @-moz-keyframes start_button_arrow_reverse { 0.0% { -moz-transform: translate(0px, 100%); opacity: 0; } 100% { -moz-transform: translate(0px, 0); opacity: 1; } } @-ms-keyframes start_button_arrow_reverse { 0.0% { -ms-transform: translate(0px, 100%); opacity: 0; } 100% { -ms-transform: translate(0px, 0); opacity: 1; } } @-o-keyframes start_button_arrow_reverse { 0.0% { -o-transform: translate(0px, 100%); opacity: 0; } 100% { -o-transform: translate(0px, 0); opacity: 1; } } @keyframes start_button_arrow_reverse { 0.0% { transform: translate(0px, 100%); opacity: 0; } 100% { transform: translate(0px, 0); opacity: 1; } } @-webkit-keyframes start_line_arrow_reverse { 0.0% { -webkit-transform: scale(0, 1); } 100% { -webkit-transform: scale(1, 1); } } @-moz-keyframes start_line_arrow_reverse { 0.0% { -moz-transform: scale(0, 1); } 100% { -moz-transform: scale(1, 1); } } @-ms-keyframes start_line_arrow_reverse { 0.0% { -ms-transform: scale(0, 1); } 100% { -ms-transform: scale(1, 1); } } @-o-keyframes start_line_arrow_reverse { 0.0% { -o-transform: scale(0, 1); } 100% { -o-transform: scale(1, 1); } } @keyframes start_line_arrow_reverse { 0.0% { transform: scale(0, 1); } 100% { transform: scale(1, 1); } } /****** SCROLL DOWN ARROW *************/ .montreux .arrow-in-home-inner a::after { position: absolute; background-color: transparent; background-image: url('media/button-arrow-white.svg'); width: 100%; height: 100%; content: ''; background-size: auto; background-repeat: no-repeat; background-position: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /*********** time line ***************/ /*================================== TIMELINE /*https://codepen.io/brady_wright/pen/NNOvrW ==================================*/ /*-- GENERAL STYLES ------------------------------*/ .montreux .timeline { line-height: 1.4em; list-style: none; margin: 0; padding: 0; width: 100%; } .montreux .timeline h1, .montreux .timeline h2, .montreux .timeline h3, .montreux .timeline h4, .montreux .timeline h5, .montreux .timeline h6 { line-height: inherit; } /*----- TIMELINE ITEM -----*/ .montreux .timeline-item { padding-left: 40px; position: relative; } .montreux .timeline-item:last-child { padding-bottom: 0; } /*----- TIMELINE INFO -----*/ .montreux .timeline-info { /*letter-spacing: 3px;*/ margin: 0 0 0.5em 0; text-transform: uppercase; white-space: nowrap; font: 500 30px/1.1 var(--titlefont); color: var(--dblue); } /*********** TIME LINE TITLE ************/ h2.timeline-title { font: 500 30px/1.1 var(--titlefont); color: var(--dblue); } h3.timeline-title { font: 500 24px/1.1 var(--titlefont); color: var(--dblue); display: none; } /*----- TIMELINE MARKER -----*/ .montreux .timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 15px; } .montreux .timeline-marker:before { position: absolute; background: var(--ldblue); border: 3px solid transparent; border-radius: 100%; content: ""; display: block; top: 7px; left: -3px; height: 21px; width: 21px; -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out, border 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, border 0.3s ease-in-out; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; } .montreux .timeline-marker:after { content: ""; width: 1px; background: var(--lgrey); display: block; position: absolute; top: 34px; bottom: 0; left: 7px; } .montreux .timeline-item:last-child .timeline-marker:after { content: none; } .montreux .timeline-item:not(.period):hover .timeline-marker:before { background: transparent; border: 3px solid var(--ldblue); } /*----- TIMELINE CONTENT -----*/ .montreux .timeline-content { padding-bottom: 40px; font: 300 18px/1.5 var(--mainfont); } .montreux .timeline-content p:last-child { margin-bottom: 0; } /*----- TIMELINE PERIOD -----*/ .montreux .period { padding: 0; } .montreux .period .timeline-info { display: none; } .montreux .period .timeline-marker:before { background: transparent; content: ""; width: 20px; height: auto; border: none; border-radius: 0; top: 0; bottom: 30px; position: absolute; border-top: 1px solid var(--lgrey); border-bottom: 1px solid var(--lgrey); } .montreux .period .timeline-marker:after { content: ""; height: 32px; top: auto; } .montreux .period .timeline-content { padding: 40px 0 70px; } .montreux .period .timeline-title { margin: 0; } /*---------------------------------------------- MOD: TIMELINE SPLIT ----------------------------------------------*/ @media (min-width: 768px) { .montreux .timeline-split .timeline, .montreux .timeline-centered .timeline { display: table; } .montreux .timeline-split .timeline-item, .montreux .timeline-centered .timeline-item { display: table-row; padding: 0; } .montreux .timeline-split .timeline-info, .montreux .timeline-centered .timeline-info, .montreux .timeline-split .timeline-marker, .montreux .timeline-centered .timeline-marker, .montreux .timeline-split .timeline-content, .montreux .timeline-centered .timeline-content, .montreux .timeline-split .period .timeline-info { display: table-cell; vertical-align: top; } .montreux .timeline-split .timeline-marker, .montreux .timeline-centered .timeline-marker { position: relative; } .montreux .timeline-split .timeline-content, .montreux .timeline-centered .timeline-content { padding-left: 30px; } .montreux .timeline-split .timeline-info, .montreux .timeline-centered .timeline-info { padding-right: 30px; } .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title { position: relative; left: -45px; } } /*---------------------------------------------- MOD: TIMELINE CENTERED ----------------------------------------------*/ @media (min-width: 992px) { .montreux .timeline-centered, .montreux .timeline-centered .timeline-item, .montreux .timeline-centered .timeline-info, .montreux .timeline-centered .timeline-marker, .montreux .timeline-centered .timeline-content { display: block; margin: 0; padding: 0; } .montreux .timeline-centered .timeline-item { padding-bottom: 40px; overflow: hidden; } .montreux .timeline-centered .timeline-marker { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .montreux .timeline-centered .timeline-info, .montreux .timeline-centered .timeline-content { width: 50%; } .montreux .timeline-centered>.timeline-item:nth-child(odd) .timeline-info { float: left; text-align: right; padding-right: 30px; } .montreux .timeline-centered>.timeline-item:nth-child(odd) .timeline-content { float: right; text-align: left; padding-left: 30px; } .montreux .timeline-centered>.timeline-item:nth-child(even) .timeline-info { float: right; text-align: left; padding-left: 30px; } .montreux .timeline-centered>.timeline-item:nth-child(even) .timeline-content { float: left; text-align: right; padding-right: 30px; } .montreux .timeline-centered>.timeline-item.period .timeline-content { float: none; padding: 0; width: 100%; text-align: center; } .montreux .timeline-centered .timeline-item.period { padding: 50px 0 90px; } .montreux .timeline-centered .period .timeline-marker:after { height: 30px; bottom: 0; top: auto; } .montreux .timeline-centered .period .timeline-title { left: auto; } } /* MOD: MARKER OUTLINE */ .montreux .marker-outline .timeline-marker:before { background: transparent; border-color: #FF6B6B; } .montreux .marker-outline .timeline-item:hover .timeline-marker:before { background: #FF6B6B; } /* SPECIAL CONTENT */ /*align images vertically on columns with image*/ /* Este hack no rellena las columnas hasta el final, hay que desactivarlo cuando la pantalla es menor de 768px (col-xs ) */ /*****************************/ /* for 'row' items for 'row' items for 'row' items */ .montreux .vertical_align_middle { display: flex; flex-direction: row; } .montreux .vertical_align_middle>[class^="col-"], .montreux .vertical_align_middle>[class*=" col-"] { display: flex; align-items: center; /* Align the flex-items vertically */ justify-content: center; /* Optional, to align inner flex-items horizontally within the column */ } /*************** BOOSTRAP TABLES ********************/ @media (max-width: 575.98px) { .table-responsive table { min-width: 800px; } } .table { color: var(--black); } /* hover effect */ .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, .075); } .table:not(.table-sm) thead th { border-bottom: none; background-color: rgba(0, 0, 0, 0.04); color: #666; } .table td, .table th { border-top: 1px solid var(--lgrey); } .table td, .table:not(.table-bordered) th { border-top: none; } .table td { color: #757982; } /************* SHORTCODES CSS ******************/ /************* SHORTCODES CSS ******************/ /************* SHORTCODES CSS ******************/ /************* SHORTCODES CSS ******************/ .montreux .products_container { padding-right: 15px; padding-left: 15px; z-index: 1; position: relative; } .montreux .product_box { position: relative; } /* used to create perfect squares in width and height */ .montreux .product_box:before { content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ } /* Other ratios - just apply the desired class to the "box" element */ .montreux .ratio2_1:before { padding-top: 50%; } .montreux .ratio1_2:before { padding-top: 200%; } .montreux .ratio4_3:before { padding-top: 75%; } .montreux .ratio16_9:before { padding-top: 56.25%; } /***************************/ /***************************/ /***************************/ .montreux .product { position: absolute; top: 6px; bottom: 6px; left: 6px; right: 6px; background: rgba(var(--dblue_rgb), 0.5); padding: 15px; display: flex; flex-direction: column; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .montreux .product:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; cursor: pointer; } .montreux .product span { display: block; } .montreux .product .card_header { height: 50%; } .montreux .product .card_footer { margin-top: auto; } .row.card_footer .col-xs-4 { padding-right: 0; } .row.card_footer .col-xs-8 { padding-left: 0; } .montreux .product .product_name { font: 600 24px/1.3 var(--titlefont); color: inherit; } .montreux .product .product_description { font: 300 14px/1.1 var(--mainfont); color: inherit; } .montreux .product .product_spec { font: 400 14px/1.2 var(--mainfont); color: inherit; display: block; } .montreux .product .product_spec.strong { font-weight: 600; color: inherit; } .montreux .product:hover { background: rgba(var(--ldblue_rgb), 1) !important; color: var(--white) !important; } .montreux .product.no_gmo:hover { background: rgba(var(--mbrown_rgb), 1) !important; color: var(--white) !important; } @media(max-width:768px) { .montreux .products_container { padding: 0; } .montreux .products_container>.row>[class*="col-"] { padding-right: 0; padding-left: 0; } .montreux .product { padding: 5px; } .montreux .product .product_name { font-size: 18px; } .montreux .product .product_description { font-size: 12px; } .montreux .product .product_spec { font-size: 12px; } } /* same width height icon (FROM SHORTCODE)*/ /* same width height icon */ .montreux .image_icon { position: relative; max-width: 82px; max-height: 82px; margin: auto; margin-bottom: 30px !important; /* always space under icon: fix columns on mobile*/ } .montreux .image_icon:before { content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ } .montreux .image_icon .inner_icon { position: absolute; top: 6px; bottom: 6px; left: 6px; right: 6px; background: rgba(var(--white), 0.5); padding: 10%; display: flex; border-radius: 50%; display: flex; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .montreux .image_icon .inner_icon img { margin: auto; align-self: center; /*caution*/ } @media (max-width:768px) {} /************* END SHORTCODES CSS ******************/ /************* END SHORTCODES CSS ******************/ /************* END SHORTCODES CSS ******************/ /************* END SHORTCODES CSS ******************/ /**/ /************ CUSTOM CONTAINERS ******************/ /************ CUSTOM CONTAINERS ******************/ /************ CUSTOM CONTAINERS ******************/ /******** TEXT CONTAINERS *********/ /*inner container for text */ .montreux .container_200 { max-width: 200px; margin: 0 auto; } .montreux .container_300 { max-width: 300px; margin: 0 auto; } .montreux .container_450 { max-width: 450px; margin: 0 auto; } .montreux .container_700 { max-width: 700px; margin: 0 auto; } .montreux .container_750 { max-width: 750px; margin: 0 auto; } /************ CUSTOM COLUMN SIZES ******************/ /************ CUSTOM COLUMN SIZES ******************/ /************ CUSTOM COLUMN SIZES ******************/ /***** 3 columns centered as 4 columns */ /***** 3 columns centered as 4 columns */ .row_3_to_4>.container>.row>.wpb_column:first-child { margin-left: 12.5%; } .row_3_to_4>.container>.row>.wpb_column:last-child { margin-right: 12.5%; } @media (max-width:768px) { .row_3_to_4>.container>.row>.wpb_column:first-child { margin-left: 0; } .row_3_to_4>.container>.row>.wpb_column:last-child { margin-right: 0; } } /****************** SPECIAL ROWS *****************/ /*row with icons and lists */ .row_icon_list>.wpb_column:first-child { padding-right: 0; /*close the icon to the list*/ } .row_icon_list h6 { margin-top: 0; } .row_icon_list ul { margin: 0; } .row_icon_list ul li { padding-left: 15px; position: relative; } .row_icon_list ul li:before { content: '・'; position: absolute; top: 50%; left: 0; width: 12px; text-align: left; font-size: 12px; line-height: 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media(max-width:600px) { .row_icon_list ul li:before { top: 8px; } } /* set the li settings */ .row_icon_list ul.mini li { font: 300 14px/1.2 var(--mainfont); } /********* MAP LISTS ************/ /* .montreux .map_row { } */ .montreux .map_row h4 { margin-bottom: 0px; } .montreux ul.map_list { margin-top: 20px; } .montreux ul.map_list li { width: 100%; padding-right: 30px; position: relative; font: 300 14px/1.3 var(--mainfont); color: var(--dblue); } .montreux ul.map_list li.no_number { padding-right: 0px; } .montreux ul.map_list li.map_list_title { font-weight: 600; } .montreux ul.map_list li span.map_list_number { font: 600 14px/1.3 var(--mainfont); position: absolute; right: 0; width: 30px; text-align: right; } /********** BOOTLE IMAGE *************/ /*** fix background **/ .pt-10per { padding-top: 10%; } .pb-10per { padding-bottom: 10%; } /********* CORPORATE LOCATIONS ***********/ .montreux .locations { margin-bottom: 30px; padding-right: 0px; padding-left: 2px; max-width: 370px; margin: 0 auto 30px; } .montreux .locations>.wpb_wrapper { position: relative; padding-left: 25%; } .montreux .locations>.wpb_wrapper .wpb_single_image { position: absolute; bottom: 0; left: 0; max-width: calc(25% - 15px); } /* remove margins on bigger screens */ @media (max-width:992px) { .montreux .locations>.wpb_wrapper .wpb_single_image { position: relative; max-width: 100%; text-align: left; } .montreux .locations>.wpb_wrapper .wpb_single_image { position: relative; } } @media (max-width:767px) { .montreux .locations>.wpb_wrapper { padding-left: 15%; } } /************ CONTACT FORM **********************/ .montreux .montreux_contact_form input, .montreux .montreux_contact_form textarea, .montreux .montreux_contact_form select, .montreux .montreux_contact_form .login-select, .montreux .montreux_contact_form .form-control { border: 1px solid var(--lblue); border-radius: 10px; background: var(--white); color: var(--lblue); margin: 0; outline: medium none; padding: 9px 14px 8px 14px; font: 300 18px/1 var(--mainfont); height: 44px; } .montreux .montreux_contact_form textarea { height: auto !important; } .montreux .montreux_contact_form label { font: 500 18px/1.5 var(--titlefont); color: var(--dblue); width: 100%; margin-bottom: 5px; padding-left: 10px; } /******* CHECK BOX RADIOS *********/ .montreux .montreux_contact_form input[type="radio"], .montreux .montreux_contact_form input[type="checkbox"] { margin: 0 10px; margin-left: 10px; } .montreux .montreux_contact_form span.wpcf7-list-item input[type="radio"], .montreux .montreux_contact_form span.wpcf7-list-item input[type="checkbox"] { height: 16px; margin-left: 0; } .montreux .montreux_contact_form span.wpcf7-list-item { display: block; margin: 0 10px 0px; float: left; } .montreux .montreux_contact_form span.wpcf7-list-item label { padding: 0; } .wpcf7-list-item-label { font: 400 16px/1.5 var(--mainfont); color: var(--lblue); } /********* PLACEHOLDER **********/ .montreux .montreux_contact_form .form-control:focus { border: 1px solid var(--dblue) !important; } .montreux .montreux_contact_form .form-control::placeholder { color: #EEE; } .montreux .montreux_contact_form .form-control:focus::placeholder { color: transparent; } /***************/ .montreux_contact_form span.required { color: var(--lblue); font-weight: 400; } /***************/ .montreux_contact_form .submit_container { text-align: center; position: relative; } .montreux_contact_form .wpcf7-spinner { position: absolute; } /************** HOME *********************/ .montreux .main_header {} .montreux .main_header .wpb_single_image img {} /*scroll arrow*/ .montreux .arrow-in-home { width: 60px; height: 60px; width: 60px; height: 60px; background-color: rgba(var(--lblue_rgb), 0.2); border-radius: 50%; left: 0; margin-left: 10px; } .montreux .arrow-in-home a .icon-arrows-down { font-size: 60px; font-weight: 400; color: #fff !important; height: 60px; width: 60px; margin: 0; } .montreux .liquid_row { background-position: bottom center; background-size: cover; background-repeat: no-repeat; padding-bottom: 30%; } /****** dblue WOMAN FOOTER **********/ .footer_dblue {} @media (max-width:1200px) { .montreux .footer_dblue .vertical_center { padding-top: 60px; padding-bottom: 60px; } .montreux .footer_dblue h1 { font-size: 40px; } .montreux .footer_dblue p, .montreux .footer_dblue .p { font-size: 16px; } } /*** dblue lady **/ .footer_dblue .bottle_footer {} .footer_dblue .bottle_footer img { position: absolute; bottom: 0; left: 100px; height: 123%; } @media (max-width:991px) { .montreux .footer_dblue { background-position: left !important; } .montreux .footer_dblue .vertical_center .wpb_text_column { max-width: 75%; } .footer_dblue .bottle_footer img { left: 75% !important; } } @media (max-width:670px) { .montreux .footer_dblue .vertical_center .wpb_text_column { max-width: 100%; } .footer_dblue .bottle_footer img { display: none; } } /******** PAGES WITH TERMS **********/ /* .montreux #page-title.grey-light-bg { background-color: var(--header_bg); } .montreux #page-title-text h1 { font: 500 40px/1 var(--titlefont); margin: 0; color: var(--dblue); text-transform: capitalize; letter-spacing: 0; } .montreux #breadcrumb-text, .montreux #breadcrumb-text ul li a { display: none; } */ .montreux .terms h4 { padding-bottom: 30px; padding-top: 15px; color: var(--dblue); font-weight: 500; } .montreux .terms h5 { font: 500 20px/2 var(--titlefont); margin: 0; margin-bottom: 0px; color: var(--ldblue); margin-bottom: 15px; } .montreux .terms p { margin-bottom: 15px; } .montreux .terms a { font-weight: 600; color: var(--brown); } .montreux .terms ul { margin-top: 20px; margin-bottom: 20px; } .montreux .terms ul li { font: 300 16px/1.2 var(--mainfont); color: var(--brown); padding-left: 15px; margin-bottom: 15px; } /******** ANIMATIONS **************/ .montreux .custom_fade { opacity: 0 !important; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .montreux .wpb_start_animation .custom_fade { opacity: 1 !important; } /******** image icons **********/ .montreux .image_icon .inner_icon { opacity: 0; } .montreux .wpb_start_animation .image_icon .inner_icon { -webkit-animation: icon_animation 0.5s linear normal forwards; -moz-animation: icon_animation 0.5s linear normal forwards; -ms-animation: icon_animation 0.5s linear normal forwards; -o-animation: icon_animation 0.5s linear normal forwards; animation: icon_animation 0.5s linear normal forwards; } @-webkit-keyframes icon_animation { 0% { -webkit-transform: translateY(6px) scale(0.5, 0.5); margin-bottom: 6px; opacity: 0; } 100% { -webkit-transform: translateY(0px) scale(1, 1); margin-bottom: 0px; opacity: 1; } } @-moz-keyframes icon_animation { 0% { -moz-transform: translateY(6px) scale(0.5, 0.5); margin-bottom: 6px; opacity: 0; } 100% { -moz-transform: translateY(0px) scale(1, 1); margin-bottom: 0px; opacity: 1; } } @-ms-keyframes icon_animation { 0% { -ms-transform: translateY(6px) scale(0.5, 0.5); margin-bottom: 6px; opacity: 0; } 100% { -ms-transform: translateY(0px) scale(1, 1); margin-bottom: 0px; opacity: 1; } } @-o-keyframes icon_animation { 0% { -o-transform: translateY(6px) scale(0.5, 0.5); margin-bottom: 6px; opacity: 0; } 100% { -o-transform: translateY(0px) scale(1, 1); margin-bottom: 0px; opacity: 1; } } @keyframes icon_animation { 0% { transform: translateY(6px) scale(0.5, 0.5); margin-bottom: 6px; opacity: 0; } 100% { transform: translateY(0px) scale(1, 1); margin-bottom: 0px; opacity: 1; } } /************************ *****************/ #animation_container { margin-top: -125px; position: relative; z-index: 9; background-color: transparent; } /*********** FIX MOBILE ****************/ .hide_in_mobile {} @media(max-width:992px) { .hide_in_mobile { display: none !important; } } .hide_in_desktop {} @media(min-width:992px) { .hide_in_desktop { display: none !important; } } /******header***********/ @media(max-width:1556px) { .montreux #cshero-header-logo a img { height: auto; } } @media (max-width: 992px) { .montreux.un-sticky-mobile #cshero-header.header-fixed-page { position: fixed !important; } .montreux #main { padding-top: 0; /*size of header on mobile*/ } } /*homepage resized*/ @media (max-width:992px) { .montreux .liquid_row { background-size: contain; background-position: bottom center; padding-bottom: 60%; } .montreux .wrap { /*height: 50%;*/ } } /****** footer resize *********/ @media (max-width:991px) { .montreux .main-footer-wrap { padding-top: 0px; padding-bottom: 30px; } .montreux .montreux_logo_module { padding-top: 60px; padding-bottom: 20px; } .montreux .montreux_navigation_module { padding-top: 20px; padding-bottom: 20px; } .montreux .montreux_events_module { padding-top: 20px; padding-bottom: 20px; } .montreux #cshero-footer-bottom { padding-top: 0 !important; } } @media (max-width:992px) { .montreux .main-footer-wrap { padding-bottom: 0; } } /**************** CUSTOM BLOCKS *****************/ .rules .wpb_column { padding: 50px 0; border: 1px solid red; } /*************************************************/ .montreux .main_header { overflow: hidden; background-color: var(--dblue) !important; background-blend-mode: luminosity; position: relative !important; background-position: right top !important; background-repeat: no-repeat !important; background-size: cover !important; } .montreux .main_header .vertical_center { height: 100vh; } /*fit the desktop page with different sizes*/ @media(max-width:1440px) { .montreux .main_header .vertical_center { height: 800px; } } .montreux .translucid_box_three::after { background-color: var(--lblue); display: block; content: ""; position: absolute; mix-blend-mode: overlay; width: 25%; height: 30%; right: 0; top: 0; opacity: 100%; z-index: 10; } /*white box after*/ .montreux .box_after::after { background-color: var(--white); display: block; content: ""; position: absolute; width: 50%; height: 100%; right: 0; top: 0; opacity: 100%; } /***** footer bg *********/ .montreux .footer_box { overflow: hidden; background-color: var(--dblue) !important; background-blend-mode: soft-light; position: relative !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; background-size: 100% !important; padding-top: 160px; padding-bottom: 200px; } @media(max-width:768px) { .montreux .footer_box { padding-top: 80px; padding-bottom: 80px; background-color: var(--dblue); background-image: none !important; } .montreux .footer_box h4.cms-heading-inner, .montreux .footer_box .h4.cms-heading-inner { text-align: left !important; } .montreux .footer_box .cms-button-wrap { text-align: left !important; } } /*******************/ .size_full { height: 100vh; } /*overlap column*/ /*bg for all the column*/ .bg_column { position: relative; } .bg_column::before { content: ""; display: block; position: absolute; width: 50%; background-color: var(--white); z-index: 0; height: 100%; } .bg_column_left::before { left: 0; } .bg_column_right::before { right: 0; } .bg_column_lgrey::before { background-color: var(--lgrey); } .bg_column_lblue::before { background-color: var(--lblue); } .bg_column_dblue::before { background-color: var(--dblue); } /*column sizes*/ .bg_column_extra_w8::before { width: calc(50% + 5%); /*z-index:1;*/ } .bg_column_h50::before { height: calc(50% + 5%); /*z-index:1;*/ } /*blocks*/ .block_bt::after { content: ""; display: block; position: absolute; bottom: 0px; width: 50%; background-color: var(--white); z-index: 1; height: 90px; max-height: 100px; min-height: 90px; } .block_bt_lgrey::after { background-color: var(--lgrey); } .block_bt_black::after { background-color: var(--black); } .block_bt_right::after { right: 0; } .block_bt_extra_w8::after { width: calc(50% + 5%); /*z-index:1;*/ } /********* COUNTER **************/ /********* COUNTER **************/ /********* COUNTER **************/ .montreux .cms-counter-wraper .counter_container { position:relative; } .montreux .cms-counter-wraper h4 { font: 300 14px/1.1 var(--mainfont) !important; margin: 0; margin-bottom: 0px; margin-bottom: 0px; letter-spacing: 2px; color: var(--blue); letter-spacing: 3px; } .montreux .cms-counter-wraper .cms-counter-description { margin: 0; margin-bottom: 0px; margin-bottom: 0px; color: var(--blue); letter-spacing: 3px; position: absolute; transform: translateY(0%); left:15px; } .montreux .cms-counter-wraper .cms-counter-description p { font: 300 12px/1.1 var(--mainfont) !important; letter-spacing: 0; } /*reduce letter spacing*/ @media (max-width:991px) { .montreux .cms-counter-wraper h4 { letter-spacing: 2px; } } .montreux .cms-counter-wraper .cms-counter-body { position: relative; z-index: 10; } /*maincounter text*/ /*maincounter text*/ /*maincounter text*/ .montreux .cms-counter-wraper .montreux_counter { font: 500 128px/1 var(--extrafont); color: var(--dblue); margin: 0; text-align: left; } .montreux .cms-counter-wraper .montreux_counter span.counter_prefix { /*font: 500 108px/1.1 var(--titlefont);*/ } .montreux .cms-counter-wraper .montreux_counter span.counter_suffix { font: 500 82px/1.1 var(--titlefont); } /*maincounter container*/ /*maincounter container*/ /*maincounter container*/ .montreux .counter_400 { padding-top: 70px; padding-bottom: 70px; position: relative; margin-left: -60px; height: 280px; } .montreux .cms-counter-wraper .montreux_counter { -webkit-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s; -ms-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; transition: all 800ms ease 0s; visibility: visible; opacity: 0; } .montreux .cms-counter-wraper .montreux_counter.fadeIn { opacity: 1; } .montreux .cms-counter-wraper .montreux_counter.fadeOut { opacity: 0; } h4.counter_title_animation { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s; -ms-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; transition: all 800ms ease 0s; } .waypoint_counter h4.counter_title_animation { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .counter_separator_container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .counter_separator { width: 0; position: absolute; z-index: -1; height: 1px; border-top: 1px solid var(--black); -webkit-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s; -ms-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; transition: all 800ms ease 0s; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } /****** COUHNTER SEPARATOR WAYPOINT ***********/ .waypoint_counter.counter_separator { width: 50vw; } /************ ELEMENT_OVERLAP current element height percentage**********/ .montreux .overlap, .montreux .has_overlap { position: relative; z-index: 1; } .montreux .overlap { pointer-events: none; } .overlap>.wpb_wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .overlap.overlap_100>.wpb_wrapper { /*transform: translateY(-100%);*/ margin-top: -100%; } .overlap.overlap_75>.wpb_wrapper { /*transform: translateY(-75%);*/ margin-top: -75%; } .overlap.overlap_50>.wpb_wrapper { /*transform:translateY(-50%);*/ margin-top: -50%; } .overlap.overlap_25>.wpb_wrapper { /*transform: translateY(-25%);*/ margin-top: -25%; } /*********** BG BOXES ************/ /* box_before box_before_w box_before_h box_before_bg box_before_l box_before_r box_before_t box_before_b */ .bb { position: relative !important; } /*default settings*/ .bb::before { content: ""; display: block !important; position: absolute; z-index: 0; width: 100%; height: 100%; background-color: var(--white); } .bb_hide_mobile:before {} @media(max-width:991px) { .bb_hide_mobile:before { display: none !important; } } /*size*/ .bb_h_65::before { height: 65%; } .bb_h_50::before { height: 50%; } .bb_h_25::before { height: 25%; } .bb_h_35::before { height: 35%; } .bb_h_15::before { height: 15%; } .bb_w_25::before { width: 25%; } .bb_w_45::before { width: 45%; } .bb_w_50::before { width: 50%; } .bb_w_55::before { width: 55%; } .bb_w_66::before { width: 66%; } /*position*/ .bb_t_0::before { top: 0%; } .bb_b_0::before { bottom: 0; } .bb_t_60::before { top: 60%; } .bb_l_0::before { left: 0; } .bb_l_10::before { left: 10%; } .bb_l_50::before { left: 50%; } .bb_r_0::before { right: 0; } /*colors*/ .bb_bg_dblue::before { background-color: var(--dblue); } .bb_bg_lgrey::before { background-color: var(--lgrey); } .bb_bg_lblue::before { background-color: var(--lblue); } .bb_bg_white::before { background-color: var(--white); } .bb_translucid::before { mix-blend-mode: overlay; z-index: 0; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } /************ END BOX BEFORE*************/ /************ END BOX BEFORE*************/ /************ END BOX BEFORE*************/ .waypoint.bb_translucid::before { position: fixed; } /* box_after box_after_w box_after_h box_after_bg box_after_l box_after_r box_after_t box_after_b */ .ba { position: relative !important; /*display:block;*/ } /*default settings*/ .ba::after { content: ""; display: block !important; position: absolute; z-index: 0; width: 100%; height: 100%; background-color: var(--white); /*border:1px solid red;*/ } .ba_hide_mobile:before {} @media(max-width:768px) { .ba_hide_mobile:before { display: none !important; } } /*size*/ .ba_h_10::after { height: 10%; } .ba_h_50::after { height: 50%; } .ba_h_15::after { height: 15%; } .ba_h_30::after { height: 30%; } .ba_h_75::after { height: 75%; } .ba_h_90::after { height: 90%; } .ba_w_25::after { width: 25%; } .ba_w_45::after { width: 45%; } .ba_w_50::after { width: 50%; } .ba_w_55::after { width: 55%; } /*position*/ .ba_t_0::after { top: 0%; } .ba_t_10::after { top: 10%; } .ba_b_0::after { bottom: 0%; } .ba_b_10::after { bottom: 10%; } .ba_l_0::after { left: 0%; } .ba_r_0::after { right: 0%; } /*colors*/ .ba_bg_dblue::after { background-color: var(--dblue); } .ba_bg_lgrey::after { background-color: var(--lgrey); } .ba_bg_lblue::after { background-color: var(--lblue); } .ba_bg_white::after { background-color: var(--white); } .ba_translucid::after { mix-blend-mode: overlay; z-index: 1; } /* .waypoint.ba_translucid::after, .waypoint .ba_translucid::after { mix-blend-mode: overlay; z-index: 1; position:fixed; top:50%; } */ /************ END BOX AFTER*************/ /************ END BOX AFTER*************/ /************ END BOX AFTER*************/ .ba_translucid::after { opacity: 0; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 1200ms ease 600ms; -moz-transition: all 1200ms ease 600ms; -ms-transition: all 1200ms ease 600ms; -o-transition: all 1200ms ease 600ms; transition: all 1200ms ease 600ms; } .ba_translucid.ba_translucid_left::after { -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .waypoint.ba_translucid::after, .waypoint .ba_translucid::after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } /******************* LATEST NEWS *********************/ .cms-latest-news-wrapper .cms-blog-item { padding-bottom: 20px; } .cms-latest-news-wrapper .cms-blog-item .movement { -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: all 1200ms ease 100ms; -moz-transition: all 1200ms ease 100ms; -ms-transition: all 1200ms ease 100ms; -o-transition: all 1200ms ease 100ms; transition: all 1200ms ease 100ms; opacity: 0; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); } .cms-latest-news-wrapper .cms-blog-item .movement.right { -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } .cms-latest-news-wrapper .cms-blog-item h4 { font: 300 14px/1.5 var(--mainfont); text-transform: uppercase; color: var(--blue); margin-bottom: 15px; } .cms-latest-news-wrapper .cms-blog-item h2.entry-title { margin-bottom: 30px; } .cms-latest-news-wrapper .cms-blog-item h2.entry-title a { font: 400 50px/1.1 var(--titlefont); color: var(--dblue); text-transform: none; } .cms-latest-news-wrapper .cms-blog-item p { font: 400 22px/1.5 var(--mainfont); color: var(--dblue); } .cms-latest-news-wrapper .cms-blog-item a { font: 600 22px/1.5 var(--mainfont); color: var(--dblue); } /*impares*/ .two_columns:nth-child(2n+1) { float: left; } /*pares*/ .two_columns:nth-child(2n) { float: right; } /****** arrow button ***/ .cms-latest-news-wrapper a.btn_arrow_line { font: 600 24px/1 var(--mainfont); color: var(--black); width: 50%; min-width: 270px; display: block; padding: 5px 0; position: relative; overflow: hidden; opacity: 0; -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } @media(max-width:768px) { .cms-latest-news-wrapper a.btn_arrow_line { font: 600 20px/1 var(--mainfont); color: var(--black); width: 30%; min-width: 220px; display: block; padding: 5px 0; position: relative; overflow: hidden; } } .cms-latest-news-wrapper a.btn_arrow_line span.btn_arrow_line_inner { white-space: nowrap; display: inline-block; margin-bottom: 0 !important; width: calc(100%); -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } /*icon*/ .cms-latest-news-wrapper a.btn_arrow_line span.material-icons { display: block; float: right; padding: 2px 0; line-height: 1; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } /*line*/ .cms-latest-news-wrapper a.btn_arrow_line:after { content: ''; position: absolute; height: 1px; width: calc(100% - 10px); background-color: rgba(var(--black_rgb), 0.7); bottom: 0; left: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; } .waypoint .cms-latest-news-wrapper a.btn_arrow_line { opacity: 1; } .waypoint .cms-latest-news-wrapper a.btn_arrow_line:hover { /*hover*/ color: var(--blue); } .waypoint .cms-latest-news-wrapper a.btn_arrow_line:hover:after { width: calc(100%); background-color: rgba(var(--blue_rgb), 0.7); } .waypoint .cms-latest-news-wrapper a.btn_arrow_line:hover span.material-icons { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } /*button animation text and arrow icon*/ .waypoint .cms-latest-news-wrapper a.btn_arrow_line span.btn_arrow_line_inner { /* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */ /* animation-name: start_button_arrow; animation-duration: 2000ms; animation-timing-function: ease; animation-fill-mode: forwards; animation-delay: 0ms; animation-iteration-count: 1; animation-direction: normal; */ /* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */ -webkit-animation: 2000ms ease 0ms 1 normal forwards start_button_arrow; -moz-animation: 2000ms ease 0ms 1 normal forwards start_button_arrow; -ms-animation: 2000ms ease 0ms 1 normal forwards start_button_arrow; -o-animation: 2000ms ease 0ms 1 normal forwards start_button_arrow; animation: 2000ms ease 0ms 1 normal forwards start_button_arrow; } /*the line*/ .waypoint .cms-latest-news-wrapper a.btn_arrow_line:after { /* animation-name: start_line_arrow; animation-duration: 2000ms; animation-timing-function: ease; animation-fill-mode: forwards; animation-delay: 0ms; animation-iteration-count: 1; animation-direction: normal; */ /* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */ -webkit-animation: 2000ms ease 0ms 1 normal forwards start_line_arrow; -moz-animation: 2000ms ease 0ms 1 normal forwards start_line_arrow; -ms-animation: 2000ms ease 0ms 1 normal forwards start_line_arrow; -o-animation: 2000ms ease 0ms 1 normal forwards start_line_arrow; animation: 2000ms ease 0ms 1 normal forwards start_line_arrow; } @-webkit-keyframes start_button_arrow { 0.0% { -webkit-transform: translate(0px, 100%); opacity: 0; } 100% { -webkit-transform: translate(0px, 0); opacity: 1; } } @-moz-keyframes start_button_arrow { 0.0% { -moz-transform: translate(0px, 100%); opacity: 0; } 100% { -moz-transform: translate(0px, 0); opacity: 1; } } @-ms-keyframes start_button_arrow { 0.0% { -ms-transform: translate(0px, 100%); opacity: 0; } 100% { -ms-transform: translate(0px, 0); opacity: 1; } } @-o-keyframes start_button_arrow { 0.0% { -o-transform: translate(0px, 100%); opacity: 0; } 100% { -o-transform: translate(0px, 0); opacity: 1; } } @keyframes start_button_arrow { 0.0% { transform: translate(0px, 100%); opacity: 0; } 100% { transform: translate(0px, 0); opacity: 1; } } @-webkit-keyframes start_line_arrow { 0.0% { -webkit-transform: scale(0, 1); } 100% { -webkit-transform: scale(1, 1); } } @-moz-keyframes start_line_arrow { 0.0% { -moz-transform: scale(0, 1); } 100% { -moz-transform: scale(1, 1); } } @-ms-keyframes start_line_arrow { 0.0% { -ms-transform: scale(0, 1); } 100% { -ms-transform: scale(1, 1); } } @-o-keyframes start_line_arrow { 0.0% { -o-transform: scale(0, 1); } 100% { -o-transform: scale(1, 1); } } @keyframes start_line_arrow { 0.0% { transform: scale(0, 1); } 100% { transform: scale(1, 1); } } /*view all double column*/ .cms-latest-news-wrapper .view_all_container.hidden-sm.hidden-xs { padding-top: 120px; padding-bottom: 240px; } /*view all single column*/ .cms-latest-news-wrapper .view_all_container.hidden-md.hidden-lg { padding-top: 40px; padding-bottom: 120px; } .cms-latest-news-wrapper .view_all_container.hidden-md.hidden-lg a.view_all_btn { float: left !important; } .cms-latest-news-wrapper a.view_all_btn { float: right; } /*readmore*/ .cms-latest-news-wrapper a.readmore_btn { margin-top: 60px; } @media (max-width: 991px) { .section_latest_news .fes10-container { padding: 00px 20px 00px 20px; } .cms-latest-news-wrapper a.readmore_btn { margin-top: 50px; margin-bottom: 60px; } .cms-latest-news-wrapper .cms-blog-item p { text-align: left !important; } } /************ FEATURED *********************/ .montreux .cms-latest-montreux-featured-wrapper { padding-top:120px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item h4 { letter-spacing: 2px; padding-bottom:30px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item h2 { padding-bottom:30px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item .entry-content { border-bottom: none; padding-bottom: 60px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item a.readmore_btn { margin-top: 0; } /******** MONTREUX COLUMNS *****************/ .montreux .cms-latest-montreux-columns {} .montreux .cms-latest-news-wrapper .cms-latest-montreux-columns .entry-feature-image { padding-bottom:60px; } .montreux .cms-latest-montreux-columns .cms-blog-item .entry-title, .montreux .cms-latest-montreux-columns .cms-blog-item .entry-title a { font: 400 30px/1.1 var(--titlefont); text-transform: none; } .montreux .cms-latest-montreux-columns .cms-blog-item .post-info .entry-date h4 { margin-top:15px; } /*hide sections with external classes*/ .montreux .cms-latest-montreux-columns .cms-blog-item.no-img .entry_img_animation { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-date .post-info .entry-date { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-author .post-info .entry-author { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-separator .post-info li:after { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-title .entry-title { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-excerpt .entry-content { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-readmore .blog-more { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-share .footer-meta-wrap { display: none !important; } .montreux .cms-latest-montreux-columns .cms-blog-item.no-footer .entry-footer { display: none !important; } /*************** ANIMATIONS ************************/ /*************** ANIMATIONS ************************/ /*************** ANIMATIONS ************************/ /*************** ANIMATIONS ************************/ /*text incoming*/ .text_animation:not(.text_animation_left), .text_animation:not(.text_animation_right) { overflow: hidden; } .text_animation h1, .text_animation h2, .text_animation h3, .text_animation h4, p { -webkit-transition: all 800ms ease 100ms; -moz-transition: all 800ms ease 100ms; -ms-transition: all 800ms ease 100ms; -o-transition: all 800ms ease 100ms; transition: all 800ms ease 100ms; -webkit-transform: translate(0px, 100%); -moz-transform: translate(0px, 100%); -ms-transform: translate(0px, 100%); -o-transform: translate(0px, 100%); transform: translate(0px, 100%); /* white-space: nowrap;*/ display: block; margin-bottom: 0 !important; /*hide all the text box*/ opacity: 0; } /*from left*/ .text_animation.text_animation_left h1, .text_animation.text_animation_left h2, .text_animation.text_animation_left h3, .text_animation.text_animation_left h4, p { -webkit-transform: translate(-200%, 0); -moz-transform: translate(-200%, 0); -ms-transform: translate(-200%, 0); -o-transform: translate(-200%, 0); transform: translate(-200%, 0); margin-bottom: 20px !important; } /*from right*/ .text_animation.text_animation_right h1, .text_animation.text_animation_right h2, .text_animation.text_animation_right h3, .text_animation.text_animation_right h4, p { -webkit-transform: translate(200%, 0); -moz-transform: translate(200%, 0); -ms-transform: translate(200%, 0); -o-transform: translate(200%, 0); transform: translate(200%, 0); margin-bottom: 20px !important; } .waypoint .text_animation h1, .waypoint .text_animation h2, .waypoint .text_animation h3, .waypoint .text_animation h4, p { -webkit-transform: translate(0px); -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); opacity: 1; } /*****textarea********/ /*****textarea********/ /*****textarea********/ .textblock_animation.wpb_text_column { overflow: hidden; } .textblock_animation.wpb_text_column .wpb_wrapper { -webkit-transition: all 800ms ease 900ms; -moz-transition: all 800ms ease 900ms; -ms-transition: all 800ms ease 900ms; -o-transition: all 800ms ease 900ms; transition: all 800ms ease 900ms; -webkit-transform: translate(0px, 20px); -moz-transform: translate(0px, 20px); -ms-transform: translate(0px, 20px); -o-transform: translate(0px, 20px); transform: translate(0px, 20px); opacity: 0; } .waypoint .textblock_animation.wpb_text_column .wpb_wrapper { -webkit-transform: translate(0px); -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); opacity: 1; } /*image container*/ /*image container*/ /*image container*/ .wpb_single_image.img_animation .wpb_wrapper, .wpb_single_image.overlap_animation .wpb_wrapper { /*overflow: hidden; */ overflow: inherit; } /*the mask*/ .wpb_single_image.img_animation .wpb_wrapper .vc_single_image-wrapper, .wpb_single_image.overlap_animation .wpb_wrapper .vc_single_image-wrapper { position: relative; } /*image to the left */ .wpb_single_image.img_animation .wpb_wrapper .vc_single_image-wrapper img, .wpb_single_image.overlap_animation .wpb_wrapper .vc_single_image-wrapper img { /*transform-origin: bottom center;*/ -webkit-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s; -ms-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; transition: all 800ms ease 0s; overflow: hidden; /*transform: translate(0,150px) scale(0.8);*/ -webkit-filter: saturate(0); -moz-filter: saturate(0); -ms-filter: saturate(0); -o-filter: saturate(0); filter: saturate(0); opacity: 0; } /*animate the image when visible*/ .waypoint .wpb_single_image.img_animation .wpb_wrapper .vc_single_image-wrapper img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; transition: all 800ms ease 0s; /* animation-name: bounce_test4; animation-duration: 2000ms; animation-timing-function: ease; animation-fill-mode: forwards; animation-delay: 0ms; animation-iteration-count: 1; animation-direction: normal; */ /* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */ -webkit-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; -moz-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; -ms-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; -o-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; animation: 2000ms ease 0ms 1 normal forwards bounce_test4; } @media (max-width:768px) { .waypoint .wpb_single_image.img_animation .wpb_wrapper .vc_single_image-wrapper img { animation-name: greyIn; } } /**** IMAGE OVERLAPS ANIMATIONS *********/ /*animate the OVERLAP when visible*/ .waypoint_overlap.wpb_single_image.overlap_animation .wpb_wrapper .vc_single_image-wrapper img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; transition: all 800ms ease 0s; -webkit-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; -moz-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; -ms-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; -o-animation: 2000ms ease 0ms 1 normal forwards bounce_test4; animation: 2000ms ease 0ms 1 normal forwards bounce_test4; } .show_overlap { visibility: visible !important; } /****** GRID TEAM IMG ANIMATION ************/ /****** GRID TEAM IMG ANIMATION ************/ /****** GRID TEAM IMG ANIMATION ************/ .template-cms_grid--team-montreux { overflow: inherit; } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-media { cursor: pointer; overflow: hidden; } /*we use the container to the animation*/ .template-cms_grid--team-montreux .cms-grid-team .cms-grid-media .media_animation { position: relative; overflow: hidden; opacity: 0; -webkit-transition: all 800ms ease 0ms; -moz-transition: all 800ms ease 0ms; -ms-transition: all 800ms ease 0ms; -o-transition: all 800ms ease 0ms; } /*we use the image to the hover*/ .template-cms_grid--team-montreux .cms-grid-media .media_animation img { -webkit-transition: all 800ms ease 500ms; -moz-transition: all 800ms ease 500ms; -ms-transition: all 800ms ease 500ms; -o-transition: all 800ms ease 500ms; transition: all 800ms ease 500ms; /*transform: translate(0,150px) scale(0.8);*/ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } /*HOVER*/ .template-cms_grid--team-montreux .cms-grid-team.waypoint:hover .cms-grid-media .media_animation { /*transform: translate(0,150px) scale(0.8);*/ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .template-cms_grid--team-montreux .cms-grid-team.waypoint:hover .cms-grid-media .media_animation img { /*transform: translate(0,150px) scale(0.8);*/ /* -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); */ } .template-cms_grid--team-montreux .cms-grid-team.waypoint:hover .cms-grid-content h2.cms-grid-title { color: var(--blue); -webkit-transition: all 300ms ease 0s !important; -moz-transition: all 300ms ease 0s !important; -ms-transition: all 300ms ease 0s !important; -o-transition: all 300ms ease 0s !important; transition: all 300ms ease 0s !important; } /*END HOVER*/ /*animate the image when visible*/ .template-cms_grid--team-montreux .cms-grid-team.waypoint .cms-grid-media .media_animation { opacity: 1; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); } .template-cms_grid--team-montreux .cms-grid-team.waypoint .cms-grid-content h2.cms-grid-title { color: var(--dblue); -webkit-transition: all 300ms ease 0s !important; -moz-transition: all 300ms ease 0s !important; -ms-transition: all 300ms ease 0s !important; -o-transition: all 300ms ease 0s !important; transition: all 300ms ease 0s !important; } .template-cms_grid--team-montreux .cms-grid-team.waypoint .cms-grid-media .media_animation img { -webkit-transition: all 300ms ease 0s !important; -moz-transition: all 300ms ease 0s !important; -ms-transition: all 300ms ease 0s !important; -o-transition: all 300ms ease 0s !important; transition: all 300ms ease 0s !important; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } /*********** CMS NEWS SOLO ITEM ***********/ /****** GRID IMG ANIMATION ************/ .entry_img_animation { overflow: inherit; } .entry_img_animation .entry_img_container { cursor: pointer; overflow: hidden; } .entry_img_animation .entry_img_container .entry_img_link { display: block; -webkit-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s; -ms-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; transition: all 800ms ease 0s; } .entry_img_animation .entry_img_container .entry_img_link img { /*transform-origin: bottom center;*/ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 800ms ease 0s; -moz-transition: all 800ms ease 0s; -ms-transition: all 800ms ease 0s; -o-transition: all 800ms ease 0s; transition: all 800ms ease 0s; /*transform: translate(0,150px) scale(0.8);*/ -webkit-filter: saturate(0); -moz-filter: saturate(0); -ms-filter: saturate(0); -o-filter: saturate(0); filter: saturate(0); opacity: 0; } /* the hover effect */ .waypoint .entry_img_animation:hover { opacity: 1 !important; } .waypoint .entry_img_animation .entry_img_container:hover .entry_img_link { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*animate the image when visible*/ .waypoint .entry_img_animation .entry_img_container .entry_img_link img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; /* animation-name: zoom_animation; animation-duration: 2000ms; animation-timing-function: ease; animation-fill-mode: forwards; animation-delay: 500ms; animation-iteration-count: 1; animation-direction: normal; */ /* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */ -webkit-animation: 2000ms ease 500ms 1 normal forwards zoom_animation; -moz-animation: 2000ms ease 500ms 1 normal forwards zoom_animation; -ms-animation: 2000ms ease 500ms 1 normal forwards zoom_animation; -o-animation: 2000ms ease 500ms 1 normal forwards zoom_animation; animation: 2000ms ease 500ms 1 normal forwards zoom_animation; } /**********************************/ /***** cms-latest NEW ANIMATION*********/ .waypoint .cms-blog-item .movement { -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; opacity: 1; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } /* .bounce { animation: bounce 2000ms ease infinite; } */ @-webkit-keyframes bounce_test4 { 0% { -webkit-transform: scale(0.9) translate(0, 50px); } 30% { -webkit-transform: scale(1) translate(0, -30px); } 100% { -webkit-transform: scale(1) translate(0, 0); } } @-moz-keyframes bounce_test4 { 0% { -moz-transform: scale(0.9) translate(0, 50px); } 30% { -moz-transform: scale(1) translate(0, -30px); } 100% { -moz-transform: scale(1) translate(0, 0); } } @-ms-keyframes bounce_test4 { 0% { -ms-transform: scale(0.9) translate(0, 50px); } 30% { -ms-transform: scale(1) translate(0, -30px); } 100% { -ms-transform: scale(1) translate(0, 0); } } @-o-keyframes bounce_test4 { 0% { -o-transform: scale(0.9) translate(0, 50px); } 30% { -o-transform: scale(1) translate(0, -30px); } 100% { -o-transform: scale(1) translate(0, 0); } } @keyframes bounce_test4 { 0% { transform: scale(0.9) translate(0, 50px); } 30% { transform: scale(1) translate(0, -30px); } 100% { transform: scale(1) translate(0, 0); } } @-webkit-keyframes greyIn { 0% { -webkit-filter: grayscale(1); opacity: 0; } 30% { -webkit-filter: grayscale(1); opacity: 1; } 100% { -webkit-filter: grayscale(0); opacity: 1; } } @-moz-keyframes greyIn { 0% { -moz-filter: grayscale(1); opacity: 0; } 30% { -moz-filter: grayscale(1); opacity: 1; } 100% { -moz-filter: grayscale(0); opacity: 1; } } @-ms-keyframes greyIn { 0% { -ms-filter: grayscale(1); opacity: 0; } 30% { -ms-filter: grayscale(1); opacity: 1; } 100% { -ms-filter: grayscale(0); opacity: 1; } } @keyframes greyIn { 0% { -o-filter: grayscale(1); opacity: 0; } 30% { -o-filter: grayscale(1); opacity: 1; } 100% { -o-filter: grayscale(0); opacity: 1; } } @keyframes greyIn { 0% { filter: grayscale(1); opacity: 0; } 30% { filter: grayscale(1); opacity: 1; } 100% { filter: grayscale(0); opacity: 1; } } @-webkit-keyframes zoom_animation { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoom_animation { 0% { -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @-ms-keyframes zoom_animation { 0% { -ms-transform: scale(1.2); } 100% { -ms-transform: scale(1); } } @-o-keyframes zoom_animation { 0% { -o-transform: scale(1.2); } 100% { -o-transform: scale(1); } } @keyframes zoom_animation { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } /*animate footer menu*/ .menu li a span.menu-title { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .waypoint .menu li a span.menu-title { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /******* GENERAL SEPARATORS **********/ .montreux .vc_sep_width_100 { -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 1200ms ease 0s; -moz-transition: all 1200ms ease 0s; -ms-transition: all 1200ms ease 0s; -o-transition: all 1200ms ease 0s; transition: all 1200ms ease 0s; } .montreux .vc_sep_width_100.line_left { -webkit-transform-origin: center left; -moz-transform-origin: center left; -ms-transform-origin: center left; -o-transform-origin: center left; transform-origin: center left; } .montreux .vc_sep_width_100.line_right { -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: enter right; -o-transform-origin: center right; transform-origin: center right; } .montreux .waypoint .vc_sep_width_100 { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } /*animate buttons*/ .montreux .cms-button-wrap { padding-top: 30px; padding-bottom: 30px; } .montreux .cms-button { opacity: 0; -webkit-transition: all 200ms ease 0ms; -moz-transition: all 200ms ease 0ms; -ms-transition: all 200ms ease 0ms; -o-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms; } .montreux .waypoint .cms-button { /* animation-name: start_button; animation-duration: 2000ms; animation-timing-function: ease; animation-fill-mode: forwards; animation-delay: 500ms; animation-iteration-count: 1; animation-direction: normal; */ /* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */ -webkit-animation: 2000ms ease 500ms 1 normal forwards start_button; -moz-animation: 2000ms ease 500ms 1 normal forwards start_button; -ms-animation: 2000ms ease 500ms 1 normal forwards start_button; -o-animation: 2000ms ease 500ms 1 normal forwards start_button; animation: 2000ms ease 500ms 1 normal forwards start_button; } .montreux .cms-button::after { -webkit-transition: all 1500ms ease 500ms; -moz-transition: all 1500ms ease 500ms; -ms-transition: all 1500ms ease 500ms; -o-transition: all 1500ms ease 500ms; transition: all 1500ms ease 500ms; /*transform-origin: center center;*/ opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .montreux .waypoint .cms-button::after { transition: all 500ms ease 00ms; -webkit-transition: all 500ms ease 00ms; -moz-transition: all 500ms ease 00ms; -ms-transition: all 500ms ease 00ms; -o-transition: all 500ms ease 00ms; transition: all 500ms ease 00ms; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } @-webkit-eyframes start_button { 0.0% { -webkit-transform: scale(1.5); opacity: 0; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes start_button { 0.0% { -moz-transform: scale(1.5); opacity: 0; } 100% { -moz-transform: scale(1); opacity: 1; } } @-ms-keyframes start_button { 0.0% { -ms-transform: scale(1.5); opacity: 0; } 100% { -ms-transform: scale(1); opacity: 1; } } @-o-keyframes start_button { 0.0% { -o-transform: scale(1.5); opacity: 0; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes start_button { 0.0% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } /*************** END ANIMATIONS ************************/ /*************** END ANIMATIONS ************************/ /*************** END ANIMATIONS ************************/ /*************** END ANIMATIONS ************************/ /****** back to top ********/ #back_to_top { bottom: 16px; margin: 0; padding: 0; position: fixed; right: 19px; z-index: 20; width: 40px; height: 40px; display: flex; mix-blend-mode: exclusion; } #back_to_top span { color: #4b4e53; display: block; font-size: 34px; z-index: 999; cursor: pointer; width: 40px; height: 40px; background-color: #3C3C3C; /* var(--lblue);*/ border-radius: 50%; display: inline-block; align-self: center; padding: 8px; margin: auto; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .back_to_top span.go_up::after { background-color: transparent; background-image: url('media/button-arrow-white.svg'); width: 100%; height: 100%; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center center; transform: rotate(-90deg); display: flex; } /***************** MOBILE WIDTH 1024 **********************/ /***************** MOBILE WIDTH 1024 **********************/ /***************** MOBILE WIDTH 1024 **********************/ /***************** MOBILE WIDTH 1024 **********************/ /********* GENERAL PAGES ******************/ body.montreux #cshero-header { background-color: var(--header_bg); } body.montreux.home #cshero-header { background-color: transparent; } body.montreux .page-title.page-title-montreux { background-color: rgba(var(--lgrey_rgb), 1); padding-top: var(--header-height); padding-bottom: 0; font: 300 14px/1.2 var(--mainfont); color: var(--maincolor); } @media(max-width:767px) { body.montreux #page-title.page-title.page-title-montreux { padding: 82px 0 0px !important; } } /*breadcrumbs*/ .montreux #breadcrumb-text-montreux {} .montreux #breadcrumb-text-montreux ul {} .montreux #breadcrumb-text-montreux, .montreux #breadcrumb-text-montreux ul li, .montreux #breadcrumb-text-montreux ul li a { font-family: "Open Sans"; font: 400 14px/2 var(--mainfont); text-align: left; text-transform: uppercase; letter-spacing: 3px; } .montreux #breadcrumb-text-montreux li { color: var(--blue); padding-top: 16px; padding-bottom: 16px; margin: 0; display: inline-block; } .montreux #breadcrumb-text-montreux li a { color: var(--maincolor); } .montreux #breadcrumb-text-montreux li::before { content: '/'; display: inline-block; padding: 0 7px; } .montreux #breadcrumb-text-montreux li:first-child::before { display: none; content: ''; } /********** TEAM ************/ .template-cms_grid--team-montreux .cms-grid-team { padding-bottom:60px; } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-media {} .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content { min-height: 145px; } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content .cms-grid-title { font: 400 45px/1 var(--titlefont); text-align: left; text-transform: none; color: var(--dblue); } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content .cms-grid-position { font: 300 14px/1.1 var(--mainfont); text-align: left; text-transform: uppercase; } /* tema inner */ .montreux.team-template h4.cms-heading-inner { text-transform: uppercase; } /************* ROUNDED CHARTS **********************/ /************* ROUNDED CHARTS **********************/ /************* ROUNDED CHARTS **********************/ /******** chart-counter CIRCLE *****************/ .chart-counter {} .chart-counter canvas { max-width: 99%; } .chart-counter .vckit-circle-counter-wrapper { } .chart-counter .vckit-circle-counter-value { display: none !important; } .chart-counter .vckit-circle-counter-title { position: absolute; text-align: center; top: calc(50% - 50px); left: 50%; width: 100%; font: 300 12px/1.3 var(--mainfont) !important; text-transform: uppercase; margin: 0 !important; letter-spacing: 2px; max-width: 246px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* custom html title */ .chart-counter .wpb_raw_html { position: absolute; top: calc(50% - 4px); left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .chart-counter .chart-title { display: flex; flex-direction: column; text-align: center; position:relative; } .chart-counter .chart-title h4 { vertical-align: middle; font: 400 70px/1.2 var(--extrafont) !important; color: var(--dblue); } .chart-counter .chart-title p { position: absolute; font: 300 10px/1.3 var(--mainfont) !important; margin: 0 !important; letter-spacing: 0px; left: 50%; transform: translate(-50%, 100%); color: var(--blue); max-width: 260px; height: 80px; width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .chart-counter .wpb_raw_html { top: calc(50% - 0px); } .chart-counter .vckit-circle-counter-title { top: calc(50% - 42px); } .chart-counter .chart-title h4 { font: 400 55px/1.2 var(--extrafont) !important } } @media(max-width: 991px) { .chart-counter .wpb_raw_html { top: calc(50% - -8px); } .chart-counter .chart-title h4 { font: 400 38px/1.2 var(--extrafont) !important; } .chart-counter .vckit-circle-counter-title { top: calc(50% - 36px); width: 80%; } } @media(max-width:767px) { .vckit-circle-counter-wrapper { margin-bottom: 30px; } .chart-counter .chart-title h4 { font: 400 80px/1.2 var(--extrafont) !important; } .chart-counter .vckit-circle-counter-title { top: calc(50% - 60px); } } /* on stories */ /************** NEWS SINGLE *****************/ /* TO MAKE STICKY WORKS, OVERFLOW HIDDEN MUST BE REMOVED ON PARENT DIVS */ /* TO MAKE STICKY WORKS, OVERFLOW HIDDEN MUST BE REMOVED ON PARENT DIVS */ /* TO MAKE STICKY WORKS, OVERFLOW HIDDEN MUST BE REMOVED ON PARENT DIVS */ /* TO MAKE STICKY WORKS, OVERFLOW HIDDEN MUST BE REMOVED ON PARENT DIVS */ .montreux.post-template-single-news .cs-wide, .montreux.post-template-single-news .cs-wide #primary { overflow: initial; } .montreux .cms-news-item { position: relative; } .montreux .cms-news-item .author_container { position: relative; max-width: calc(100%); left: 0; padding-top: 0; } .montreux .cms-news-item .author_container .author_floating { width: 100% !important; contain: content !important; /*height: 100vh !important;*/ position: sticky !important; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; /*define a top,bottom, left or right position for sticky*/ padding-top: 0; /* this is the sticky final top position*/ top: calc(var(--header-height) + 50px); background-color: rgba(var(--lgrey_rgb), 0.5); padding: 30px; text-align: left; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 1000ms ease 500ms; -moz-transition: all 1000ms ease 500ms; -ms-transition: all 1000ms ease 500ms; -o-transition: all 1000ms ease 500ms; transition: all 1000ms ease 500ms; } /*set the movement*/ .waypoint.cms-news-item .author_container .author_floating { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .montreux .cms-news-item .author_container .author_floating .author_img { text-align: center; } .montreux .cms-news-item .author_container .author_floating .author_img img { object-fit: cover; width: 100%; border-radius: 100%; } .montreux .cms-news-item .author_container .author_floating .author_name { padding: 20px 0 0; } .montreux .cms-news-item .author_container .author_floating .author_name p { font: 400 30px/1.2 var(--titlefont); color: var(--black); margin-bottom: 10px !important; } .montreux .cms-news-item .author_container .author_floating .author_name p.posted_by { font: 400 14px/1.2 var(--mainfont); color: var(--blue); margin-bottom: 10px !important; } .montreux .cms-news-item .author_container .author_floating .author_role p { font: 400 16px/1.2 var(--mainfont); color: var(--maincolor); margin-bottom: 0 !important; } .cms-news-item-content { margin-left:15px; margin-right:15px; } .montreux .cms-news-item .entry-header { padding-bottom: 60px; } .montreux .cms-news-item h4 { font: 300 14px/1.1 var(--mainfont) !important; text-transform: uppercase; color: var(--blue); } .montreux .cms-news-item h2 { font: 400 50px/1.2 var(--titlefont) !important; text-transform: uppercase; color: var(--dblue); } .montreux .cms-news-item .entry-content { padding-top: 60px; padding-bottom: 60px; margin-bottom: 20px; border-bottom: 1px solid var(--dblue); } .montreux .cms-news-item .entry-footer { padding-bottom: 120px; } /****** SINGLE FOOTER ***********/ .montreux .related_links { background-color: var(--lgrey); padding-top: 120px; padding-bottom: 120px; position: relative; } .montreux .related_links:after { content: ''; background-color: var(--dblue); width: 50%; height: 120px; position: absolute; z-index: 1; top: 0; right: 0; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; -webkit-transform: translateY(-50%) scale(0, 1); -moz-transform: translateY(-50%) scale(0, 1); -ms-transform: translateY(-50%) scale(0, 1); -o-transform: translateY(-50%) scale(0, 1); transform: translateY(-50%) scale(0, 1); -webkit-transition: all 800ms ease 500ms; -moz-transition: all 800ms ease 500ms; -ms-transition: all 800ms ease 500ms; -o-transition: all 800ms ease 500ms; transition: all 800ms ease 500ms; } .montreux .waypoint.related_links:after { transform: translate(0, -50%) scale(1, 1); -webkit-transform: translate(0, -50%) scale(1, 1); -moz-transform: translate(0, -50%) scale(1, 1); -ms-transform: translate(0, -50%) scale(1, 1); -o-transform: translate(0, -50%) scale(1, 1); transform: translate(0, -50%) scale(1, 1); } @media(max-width:768px) { .montreux .related_links { padding-bottom: 0; } } /******** CMS ONLY FEATURED *********/ .cms-only-featured { padding-top: 240px; } @media(max-width:992px) { .cms-only-featured { padding-top: 0px; } } /************* FIXING *******************/ .montreux .fadeIn { opacity: 0; visibility: hidden; -webkit-animation-delay: 0ms !important; -moz-animation-delay: 0ms !important; -ms-animation-delay: 0ms !important; -o-animation-delay: 0ms !important; animation-delay: 0ms !important; } /************************ RESIZES *************************/ /************************ RESIZES *************************/ /************************ RESIZES *************************/ /* hide on desktop > 992px hidden-lg hidden-md hide on mobile<992px hidden-sm hidden-xs */ /****** TO 768px sm ***********/ /****** TO 992px md ***********/ /************************************/ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) {} /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) {} /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) {} /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) {} @media (min-width:991px) { .montreux .same_height .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .montreux .same_height .row>[class*='col-'] { display: flex; flex-direction: column; } .montreux .vertical_center .wpb_wrapper { margin: auto 0; } /************** SAME HEIGHT ON INNER ROWS *************/ .montreux .same_height_inner.vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .montreux .same_height_inner.vc_row>[class*='col-'] { display: flex; flex-direction: column; } .montreux .vertical_center .wpb_wrapper { margin: auto 0; } } /****** MARGIN BETWEEN COLUMNS WHEN MOBILE *********/ @media (max-width:991px) { .container>.row>.first_column { margin-bottom: 30px; } } /***************** MOBILE WIDTH 992px **********************/ /***************** MOBILE WIDTH 992px **********************/ /***************** MOBILE WIDTH 992px **********************/ /***************** MOBILE WIDTH 992px **********************/ /*** FIX SM COLUMNS (Default value from width attribute sm 992px ) ***********/ @media (max-width:1199px) { .custom-md-12 { width: 90% !important; } } @media (max-width:991px) { .custom-sm-12 { width: 100% !important; } } /****** FIX BG CUSTOM-SM CONTAINERS ON CONTAINERS ***********/ .full_bg::before { content: ''; width: 100vw; height: 100%; position: absolute; top: 0; /* 991 px */ left: calc(-50vw + 375px); /*size of container*/ bottom: 0; right: -40%; } @media(min-width:992px) { /*hide on bigger screens*/ .full_bg::before { display: none; } } .full_bg_grey::before { background-color: var(--lgrey); } .full_bg_mblue::before { background-color: var(--mblue); } @media (max-width:768px) { .full_bg::before { left: 0; } } /****** TO 1024px - MAIN MENU CHANGE ***********/ /****** TO 1024px - MAIN MENU CHANGE ***********/ /*THE MAIN BAR TRANSFORMS INTO MOBILE HEADER AT 1024px */ @media only screen and (max-width: 1024px) { :root { --header-height: 88px; } /*page*/ .montreux .cs-wide { padding-top: 0; } /*breadcrumbs */ body.montreux #page-title.page-title.page-title-montreux { padding-top: var(--header-height); } /** header ***********/ /****** navbar*/ body.montreux .site-header #cshero-header { background-color: var(--dblue); } .montreux #cshero-header-logo { float: right; max-width: 180px; } .montreux #cshero-menu-mobile, .widget_cart_search_wrap .header { float: left; } .montreux #cshero-menu-mobile .hamb-mob-icon { color: var(--white) !important; } /*nav*/ .montreux #site-navigation { background: var(--dblue); width: 100%; } .montreux #cshero-header-navigation ul#menu-main-menu { padding: 10px 0 30px 0; } .montreux #cshero-header-navigation ul#menu-main-menu li a { font: 400 22px/1 var(--mainfont); color: var(--white); text-transform: none; padding: 16px 9px 16px 17px; } .montreux #cshero-header-navigation ul#menu-main-menu li a:hover { color: var(--lblue); } /*arrows*/ .montreux .main-navigation .menu-main-menu li .cs-menu-toggle { font-size: 20px; line-height: 1; color: var(--maincolor); background: rgba(var(--white_rgb), 0.6); position: absolute; top: 0; right: 0; display: block; width: 60px; height: 50px; text-align: center; padding: 14px 0; } .montreux #cshero-header-navigation ul#menu-main-menu li.active>span.cs-menu-toggle i { color: var(--dblue); transform: rotate(90deg); } /*sub-submenu*/ .montreux #cshero-header-navigation ul#menu-main-menu ul { background: rgba(var(--white_rgb), 0.3); } .montreux #cshero-header-navigation ul#menu-main-menu ul>li a span { font-size: 12px; text-transform: capitalize; } /*sub-sub-submenu*/ .montreux#cshero-header-navigation ul#menu-main-menu ul ul { background: rgba(var(--white_rgb), 0.5); } .montreux#cshero-header-navigation ul#menu-main-menu ul ul>li a span { font-size: 11px; text-transform: capitalize; } /* logo */ .montreux #cshero-header-logo { width: auto; max-width: 260px; } .montreux #cshero-header-logo a { line-height: var(--header-height-mobile); } /*counter */ .montreux .counter_400 { padding-top: 80px; padding-bottom: 120px; margin-left: 0px; } } /* MAX WIDTH INCLUDES THE NUMBER */ @media (max-width: 991px) { .montreux .main_header { background-image: url('https://montreux.rocketvan.io/wp-content/uploads/2022/09/Hero-Image-scaled.jpg?id=4695') !important; } .montreux .container_700 { max-width: 100%; } .montreux .text_sm_left, .montreux .text_sm_left h1, .montreux .text_sm_left h2, .montreux .text_sm_left h3, .montreux .text_sm_left h4, .montreux .text_sm_left h5, .montreux .text_sm_left h6, .montreux .text_sm_left p { text-align: left !important; } .montreux .text_sm_right, .montreux .text_sm_right h1, .montreux .text_sm_right h2, .montreux .text_sm_right h3, .montreux .text_sm_right h4, .montreux .text_sm_right h5, .montreux .text_sm_right h6, .montreux .text_sm_right p { text-align: right !important; } .montreux .text_sm_center, .montreux .text_sm_center h1, .montreux .text_sm_center h2, .montreux .text_sm_center h3, .montreux .text_sm_center h4, .montreux .text_sm_center h5, .montreux .text_sm_center h6, .montreux .text_sm_center p { text-align: center !important; } /******** styles **********/ .montreux h1.big, .montreux .h1.big { font: 400 56px/1.2 var(--titlefont); margin: 0; margin-bottom: 0px; } .montreux h1, .montreux .h1 { font: 400 44px/1.2 var(--titlefont); margin: 0; margin-bottom: 0px; } /******** styles **********/ .montreux h4.cms-heading-inner, .montreux .h4.cms-heading-inner {} .montreux h2.cms-heading-inner, .montreux .h2.cms-heading-inner { font: 400 36px/1.2 var(--titlefont) !important; } .montreux h3, .montreux .h3 { font: 400 30px/1.25 var(--titlefont); } .montreux p, .montreux .p { font: 400 18px/1.5 var(--mainfont); } .montreux p.medium, .montreux .p.medium { font: 400 16px/1.5 var(--mainfont); } /*LATEST NEWS */ .cms-latest-news-wrapper .cms-blog-item h2.entry-title a { font: 400 32px/1.1 var(--titlefont); } .cms-latest-news-wrapper .cms-blog-item p { font: 400 18px/1.5 var(--mainfont); } .cms-latest-news-wrapper a.btn_arrow_line { font: 600 16px/1.3 var(--mainfont); } /****** main header *********/ .montreux .main_header { overflow: hidden; background-color: var(--dblue) !important; background-blend-mode: luminosity; position: relative !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; } .montreux .main_header .vertical_center { display: flex; width: 100%; height: 90vh; } .montreux .main_header .vertical_center>.wpb_wrapper { align-self: center; width: 100%; } .montreux .main_header .vertical_center .arrow-in-home { width: 60px; height: 60px; width: 60px; height: 60px; background-color: rgba(var(--lblue_rgb), 0.2); border-radius: 50%; margin-left: auto; margin-right: auto; margin-top: 30px; position: initial; } /*blue translucid*/ .montreux .main_header.bb::before { right: 0 !important; left: auto !important; } /*grey section hover*/ .montreux .main_header.ba::after { width: 100%; height: 10%; } .montreux .cms-button-wrap { text-align: center !important; } /****** COUNTERS *******************/ .montreux .counter_400 { height: 226px; padding-top: 40px; padding-bottom: 80px; } .montreux .cms-counter-title { text-align: center; } .montreux .cms-counter-wraper .montreux_counter { font: 500 100px/1.1 var(--titlefont); text-align: center; } .montreux .cms-counter-wraper .montreux_counter span.counter_suffix { font: 500 70px/1.1 var(--titlefont); } .montreux .counter_separator { z-index: 0; } .waypoint_counter.counter_separator { width: calc(100vw - 60px); left: calc(-50vw + 405px); } /******* TEAM *********/ .template-cms_grid--team-montreux .cms-grid-team { padding-bottom: 30px; } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content .cms-grid-title { font:400 34px/1 var(--titlefont) } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content { min-height: 145px; } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content { min-height: 100px; } /************ FEATURED *********************/ .montreux .cms-latest-montreux-featured-wrapper { padding-top: 60px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item h4 { padding-bottom: 0px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item h2 { padding-bottom: 0px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item .entry-content { padding-bottom: 0px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item a.readmore_btn { margin-top: 0; } /************** NEWS SINGLE *****************/ .montreux .cms-news-item .entry-header { padding-bottom:00px; } .montreux .cms-news-item h4 { margin-bottom:15px !important; } .montreux .cms-news-item h2 { font: 400 40px/1.2 var(--titlefont) !important; } .montreux .cms-news-item .entry-content { padding-top:30px; } /**** footer ***/ /************** HOME ANIMATIONS **********************/ /************** HOME ANIMATIONS **********************/ /************** HOME ANIMATIONS **********************/ /************** HOME ANIMATIONS **********************/ /************* section_animation_1 ************/ .home #section_animation_1 {} .home #section_animation_1.bb::before { display: none !important; } .home #section_animation_1 .container .row>.wpb_column:first-child { background-color: var(--lgrey); padding-bottom: 80px !important; } .home #section_animation_1 .wpb_column:last-child { background-color: var(--white); } .home .montreux #section_animation_1 .counter_400 { height: 312px; margin-left: auto; margin-right: auto; } .home .montreux #section_animation_1 .counter_400 .cms-counter-body { display: flex; } .home .montreux #section_animation_1 .counter_400 .cms-counter-body .counter_inner { margin: 30px auto 0; } .home .montreux #section_animation_1 .counter_separator { z-index: 9; } .home .montreux #section_animation_1 .waypoint_counter.counter_separator { width: calc(100% - 30px); } /************* section_animation_2 ************/ .home #section_animation_2 { background-color: var(--lblue) !important; } .home #section_animation_2 .container .row>.wpb_column:first-child { background-color: var(--lgrey); padding: 25px; } .home #section_animation_2.bb::before { display: none !important; } /************* section_animation_3 ************/ .home #section_animation_3.ba::after { display: none !important; } /************* section_animation_4 ************/ .home #section_animation_4 .container .row>.wpb_column:last-child { padding-top: 80px; padding-bottom: 60px; } .home #section_animation_4.ba::after { height: 80% !important; } /************* section_animation_5 ************/ .home #section_animation_5 .pl-20.pr-20 { padding-left: 0 !important; padding-right: 0 !important; } .home #section_animation_5 .container .row>.wpb_column:last-child { padding-top: 40px; padding-bottom: 40px; } /************* section_animation_7 ************/ .home #section_animation_7 { background-color: var(--dblue) !important; } .home #section_animation_7.ba::after, .home #section_animation_7.bb::before { display: none !important; } /************* section_animation_8 ************/ .home #section_animation_8 {} .home #section_animation_8.bb::before { display: none !important; } /************* section_animation_10 ************/ .home #section_animation_10 { padding-top: 20px; } .home #section_animation_10.bb::before { display: none !important; } /************** END HOME ANIMATIONS **********************/ /************** END HOME ANIMATIONS **********************/ /************** END HOME ANIMATIONS **********************/ /************** END HOME ANIMATIONS **********************/ /***********/ .montreux .overlap>.wpb_wrapper { position: relative; margin-top: 0 !important; } /************ TEAM ****************/ .montreux .team #section_animation_1 { padding-top: 0 !important; } } /******** FONTS BETWEEN SIZES **********/ /******** FONTS BETWEEN SIZES **********/ /******** FONTS BETWEEN SIZES **********/ /******** FONTS BETWEEN SIZES **********/ @media only screen and (min-width: 992px) and (max-width: 1199px) { .montreux .main_header {} .montreux h1.big, .montreux .h1.big { font: 400 70px/1.2 var(--titlefont); } .montreux h1, .montreux .h1 { font: 400 60px/1.2 var(--titlefont); } .montreux h2.cms-heading-inner, .montreux .h2.cms-heading-inner { font: 400 40px/1.2 var(--titlefont) !important } .montreux p, .montreux .p { font: 400 20px/1.5 var(--mainfont); } .montreux .counter_400 { padding-top: 78px; padding-bottom: 78px; height: 260px; } .montreux .cms-counter-wraper .montreux_counter { font: 500 80px/1.1 var(--titlefont) !important; } .montreux .cms-counter-wraper .montreux_counter span.counter_suffix { font: 500 60px/1.1 var(--titlefont); } /************ FEATURED *********************/ .montreux .cms-latest-montreux-featured-wrapper { padding-top: 120px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item h4 { letter-spacing: 2px; padding-bottom: 0px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item h2 { padding-bottom: 0px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item .entry-content { border-bottom: none; padding-bottom: 30px; } .montreux .cms-latest-news-wrapper .cms-latest-montreux-featured.cms-blog-item a.readmore_btn { margin-top:0; } } @media (max-width:768px) { .waypoint_counter.counter_separator { width: calc(100% - 60px); left: 30px; } .montreux.post-template-single-news #page-default { padding-top: 0; } .montreux .cms-news-item .author_container .author_floating { text-align:left; display:flex; padding: 15px 0; } /*NEWS SINGLE*/ .montreux .cms-news-item .author_container .author_floating .author_img { width:33%; } .montreux .cms-news-item .author_container .author_floating .author_info { width: 66%; display: flex; } .montreux .cms-news-item .author_container .author_floating .author_info .author_alignment { align-self: center; } .montreux .cms-news-item .author_container .author_floating .author_name { padding:0; } .montreux .cms-news-item .author_container .author_floating .author_name p, .montreux .cms-news-item .author_container .author_floating .author_name p.posted_by { margin-bottom: 0px !important; } /* Short breadcrumbs to prevent double line*/ .montreux #breadcrumb-text-montreux li:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 50%; padding: 0px 0; display: inline-block; line-height: 0.9; } } @media only screen and (min-width: 500px) and (max-width: 767px) { .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content .cms-grid-title { text-align:center; } .template-cms_grid--team-montreux .cms-grid-team .cms-grid-content .cms-grid-position { text-align: center; } } /****** TO 1200px lg ***********/ .pda-form-login .pda-form-headline {word-break: normal !important;}