/* Theme Name: Jevelin Child Description: Child theme for Jevelin theme Author: Shufflehound Author URI: http://shufflehound.com Template: jevelin */ /* Add your custom CSS below */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;900&display=swap'); body { width: 100%; overflow: hidden; font-family: 'Oswald', helvetica, serif !important; } body.page-template-redux-templates_full_width #wrapper .sh-page-layout-default { padding: 0px !important; } #wrapper { margin-top: -1px; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark a { color: #FFF !important; } .center * { text-align: center !important; } /* HEADER */ body .primary-desktop .sh-header-top:not(.sh-header-top-10) { background-color: #333 !important; } body.lust4rust .primary-desktop .sh-header-top:not(.sh-header-top-10) { background-color: #FF6600 !important; } body.shockawe .primary-desktop .sh-header-top:not(.sh-header-top-10) { background-color: #0074a4 !important; } body.training .primary-desktop .sh-header-top:not(.sh-header-top-10) { background-color: #fbcc02 !important; } .header-logo img { max-height: 50px !important; } .c-hamburger span, .c-hamburger span:before, .c-hamburger span:after { background: #0066cc !important; } .sh-header .sh-nav > li.menu-item > a { font-weight: normal; } .sh-sticky-header-active { } .sh-header-search-form { color: #FFF !important; } .sh-header-search { background: #666; } .sh-header-search-input::placeholder { color: #FFF !important; } .sh-header-mobile.sh-sticky-mobile-header.sh-sticky-mobile-header-active { } .home-box { border: 3px solid #666; border-radius: 20px; -webkit-border-radius: 20px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; overflow: hidden; } .home-box:hover { border: 3px solid #FFF; } #title-area h1 { border-bottom: 2px solid #FF6600; padding-bottom: 30px; } #title-area h1 span { color: #FF6600; } body.lust4rust #title-area h1 { border-bottom: 2px solid #FF6600 !important; } body.shockawe #title-area h1 { border-bottom: 2px solid #0074a4 !important; } body.training #title-area h1 { border-bottom: 2px solid #fbcc02 !important; } body.lust4rust #menu-header-menu li.current-page-ancestor a { color: #FF6600; } body.lust4rust #menu-header-menu li.current-menu-item a { color: #FF6600 !important; } body.shockawe #menu-header-menu li.current-page-ancestor a { color: #0074a4; } body.shockawe #menu-header-menu li.current-menu-item a { color: #0074a4 !important; } body.training #menu-header-menu li.current-page-ancestor a { color: #fbcc02; } body.training #menu-header-menu li.current-menu-item a { color: #fbcc02 !important; } /* LOCATIONS GRID BOXES */ .locations-grid-item .vc_grid-item-mini { border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; } .locations-grid-item-footer { border-top: 3px solid #FF6600; } .locations-grid-item-footer h3 { color: #333; font-size: 30px; margin-bottom: 10px; } .locations-grid-item-footer .vc_gitem-post-data { margin-bottom: 5px; } .locations-grid-item-footer p { color: #666; } .locations-grid-item-footer .short-desc { color: #666; font-size: 16px; line-height: 22px; } body.lust4rust .locations-grid-item-footer { border-top: 3px solid #FF6600 !important; } body.shockawe .locations-grid-item-footer { border-top: 3px solid #0074a4 !important; } body.training .locations-grid-item-footer { border-top: 3px solid #fbcc02 !important; } /* TYPOGRAPHY */ body h1 { font-size: 30px; line-height: 40px; font-family: 'Oswald', helvetica, serif !important; font-weight: 500; color: #FFF; text-transform: uppercase; } body h2 { font-size: 20px; line-height: 30px; color: #CCC; font-family: 'Oswald', helvetica, serif !important; font-weight: 400; text-transform: uppercase; } body h3 { font-size: 20px; line-height: 30px; color: #CCC; font-family: 'Oswald', helvetica, serif !important; font-weight: 400; text-transform: uppercase; } body h4 { font-size: 16px; line-height: 26px; color: #CCC; font-family: 'Oswald', helvetica, serif !important; font-weight: 400; text-transform: uppercase; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark a { color: #FFF !important; } p { font-size: 20px !important; line-height: 30px !important; font-family: 'Oswald', helvetica, serif !important; font-weight: 300; } .small p { font-size: 16px !important; line-height: 20px !important; font-family: 'Oswald', helvetica, serif !important; } body ul li { font-size: 20px; line-height: 30px; font-family: 'Oswald', helvetica, serif !important; font-weight: 300; } .btn { background-color: #0066cc; text-transform: uppercase; padding: 10px 20px; margin-top: 20px; border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .btn:hover { background-color: #0066cc; color: #FFF !important; padding: 10px 30px; } .menu-item.sh-nav-social { margin-left: 30px; } /* .sh-header .sh-nav > li.menu-item > a { font-family: 'Oswald', helvetica, serif !important; font-weight: 900; } */ /* HOME */ .revslider { margin-top: -70px; } .revslider .vc_column-inner { padding: 0 !important; margin: 0 !important; } .revslider .wpb_text_column.wpb_content_element { padding: 0 !important; margin: 0 !important; } .home-boxes { position: relative; } .home-boxes h3 { text-align: center; padding: 0 !important; background-color: rgba(255,102,0,0.8); color: #FFF; text-transform: uppercase; position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; margin: -60px 0 0 -60px !important; border-radius: 1000px; -webkit-border-radius: 1000px; transform: scale(1) !important; -webkit-transform: scale(1); } .home-boxes h3 a { line-height: 120px !important; font-size: 16px; color: #FFF; text-decoration: none; cursor: pointer; } .clickable:hover { cursor: pointer; display: block; z-index: 1000; } .home-boxes .clickable:hover h3 { transform: scale(1.1) !important; -webkit-transform: scale(1.1); background-color: rgba(255,102,0,0.9); } /* FOOTER */ .sh-footer { background-color: #333; } .sh-footer .sh-footer-widgets { } .sh-footer-widgets { padding: 50px 0 50px 0 !important; } .sh-footer-widgets .widget-title { } .sh-footer-widgets p { font-size: 16px; line-height: 22px; } .sh-footer .widget_nav_menu li { border: 0; padding-bottom: 2px; padding-top: 2px; } .sh-footer .widget_nav_menu li a { padding: 10px 20px; background-color: rgba(0,0,0,0.2); font-size: 16px !important; font-family: 'Oswald', helvetica, serif !important; } .sh-footer .widget_nav_menu li a:hover { background-color: rgba(0,0,0,0.5); } .sh-recent-posts-widgets-item-meta, .sh-recent-posts-widgets-item-meta a { color: #999; } .sh-footer .sh-copyrights { background-color: #000; } .sh-copyrights-text { font-size: 14px; line-height: 20px; } .sh-footer h3 { color: #FFF !important; font-size: 18px !important; line-height: 25px !important; text-transform: uppercase; } .sh-footer p { font-size: 14px !important; line-height: 20px !important; color: #CCC; } .sh-footer ul li { font-size: 14px !important; line-height: 20px !important; color: #CCC; } .sh-footer ul li a { font-size: 14px !important; line-height: 20px !important; color: #CCC; } .sh-footer img.footer-logo-right { float: right; width: 70px; margin: 0 0 10px 10px; } .sh-footer #custom_html-3 h3.widget-title { padding-left: 40px; background-size: 30px !important; background: url('img/icons/icon-trip.png') no-repeat left center; background-position: left center; } .sh-footer #text-2 h3.widget-title { padding-left: 40px; background-size: 30px !important; background: url('img/icons/icon-kiwi.png') no-repeat left center; background-position: left center; } .sh-footer #recent-posts-3 h3.widget-title { padding-left: 40px; background-size: 30px !important; background: url('img/icons/icon-news.png') no-repeat left center; background-position: left center; } .sh-footer #custom_html-2 h3.widget-title { padding-left: 40px; background-size: 30px !important; background: url('img/icons/icon-tick.png') no-repeat left center; background-position: left center; } /* WP BAKERY */ .vc_row.no-padding { padding: 0 !important; } .wpb_column.vc_column_container.no-padding { padding: 0 !important; } .vc_row.no-padding .vc_column-inner { padding: 0 !important; } .wpb_column.vc_column_container.fifty-text-left { padding-left: 40px !important; padding-right: 40px !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 40px !important; padding-right: 40px !important; } /* .wpb_column.vc_column_container ul li { margin: 15px 0 15px 0; } .wpb_column.vc_column_container ol li { margin: 15px 0 15px 0; } */ .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-3 {width: 50% !important; display:inline-block !important;} /* 2 columns on mobile */ .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-4 {width: 50% !important; display:inline-block !important;} /* 2 columns on mobile */ .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-6 {width: 50% !important; display:inline-block !important;} /* 2 columns on mobile */ /* GRID BUILDER */ .vc_gitem_row .vc_gitem-col { padding: 20px; } .vc_gitem_row .vc_gitem-col p { font-size: 14px; line-height: 20px; } .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { background-color: #ff3535 !important; font-weight: bold; } .vc_grid-filter { margin-bottom: 50px !important; } .vc_grid-filter-item { padding: 10px 20px !important; background-color: #f4f4f4 !important; } .vc_grid-filter-item.vc_active { background-color: #999 !important; color: #FFF !important; } .vc_grid-filter-item.vc_active span { color: #FFF !important; } .vc_grid-styled-select select { font-size: 18px; background: url('img/icon-arrow-down.png') no-repeat right 15px center; background-size: 25px; } .vc_grid-styled-select select option { font-family: 'Oswald', 'Helvetica Neue', Arial, sans-serif !important; } /* Logos */ .logos { overflow: hidden; display: block; } .logos ul { text-align: center; list-style-type: none; margin: 0; padding: 0; } .logos ul li { display: inline-block; width: 100px; margin: 0 10px; } .logos ul li.thin { width: 70px; } .logos ul li a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .logos ul li a img { width: 100%; } .logos ul li a img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .logos ul li a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } /* Map */ div.ba_map_holder { height: 400px !important; } div.leaflet-control-attribution.leaflet-control { display: none !important; } div.leaflet-left { left: auto; bottom: 10px; right: 10px; top: auto; } div.leaflet-bar a { background-color: #666; color: #FFF; } a.leaflet-control-fullscreen-button { background-color: #666; color: #CCC; } .leaflet-bar a, .leaflet-bar a:hover { border-bottom: 1px solid #CCC; } .leaflet-popup-content { margin: 20px !important; font-family: 'Oswald', 'Helvetica Neue', Arial, sans-serif !important; } .leaflet-popup-content strong { text-transform: uppercase; font-size: 16px; line-height: 22px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #0066cc; display: block; } .leaflet-popup-content br { display: none; } .leaflet-container a.leaflet-popup-close-button { right: 5px; top: 5px; } /* BOX */ .box { background-color: #FFF; padding: 40px 20px; margin-bottom: 20px; border-left: 10px solid #f4f4f4; border-right: 10px solid #f4f4f4; } .box h3 { border-bottom: 1px solid #0066cc; color: #444 !important; padding: 10px 0 20px 0; } .box p { font-size: 16px !important; line-height: 20px !important; } .box ul { list-style: none; margin: 10px 0 20px 0 !important; padding: 0 !important; } .box ul li { border-bottom: 1px solid #CCC; font-size: 16px !important; padding: 5px 0; } /* FORMS */ input.submit { padding: 10px 20px; background-color: #0066cc; color: #FFF; text-transform: uppercase; margin-top: 30px; clear: both; border: 0; } /* NEWS */ .post-meta.post-meta-one { display: none !important; } .sh-recent-posts-widgets-item-meta { display: none !important; } #sidebar h3.widget-title { font-size: 25px !important; color: #FFF !important; padding-bottom: 20px; border-bottom: 1px solid #CCC; } .sh-social-share-button span { color: #000 !important; } .sh-social-share-button i { color: #000 !important; } .sh-page-switcher-button i { color: #000 !important; } .post-container p { font-size: 16px !important; line-height: 22px !important; } /* Slider */ .sh-iconbox-slider .sh-iconbox-slider-item { background-color: #f4f4f4; } /* #iconbox-slider-tabs-gHOLT0jn18 { display: none !important; } .slick-list { display: none !important; } */ .slick-track .sh-iconbox-slider-tab { display: block !important; } .sh-team-role { font-size: 24px; line-height: 34px; } /* Boxes */ body .effect-caption h2 { color: #FFF !important; } body .effect-caption p.description { color: #FFF !important; font-size: 14px !important; line-height: 18px !important; } .resources a { margin-bottom: 20px; } /* BANNER */ #banner { height: 550px; overflow: hidden; } /* TITLE AREA */ #title-area { margin-top: -220px; margin-bottom: 0 !important; padding: 0; background: url('img/icons/pattern.png') repeat; position: absolute; z-index: 1; } #title-area.home { margin-top: -275px; } /* SUBNAV HTML */ #subnav { border-bottom: 5px solid #353535; } #subnav .vc_column-inner { padding-top: 20px !important; } #subnav .vc_column_container { padding-top: 0px !important; padding-bottom: 0px !important; } #subnav ul { margin: 0; padding: 0; list-style: none; float: left; margin-bottom: -1px; width: 100%; display: inline-block; } #subnav ul li { list-style: none; display: inline-block; margin-right: 10px; } #subnav ul li a { font-size: 22px !important; color: #FFF; float: left; padding: 20px 25px; background-color: #666; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #subnav ul li.active a { color: #FFF; background-color: #353535 !important; border-top: 1px solid #FF6600; } #subnav ul li.current_page_item a { color: #FFF; background-color: #353535 !important; border-top: 1px solid #FF6600; } body.lust4rust #subnav ul li.current_page_item a { border-top: 1px solid #FF6600 !important; } body.shockawe #subnav ul li.current_page_item a { border-top: 1px solid #0074a4 !important; } body.training #subnav ul li.current_page_item a { border-top: 1px solid #fbcc02 !important; } /* #subnav ul li.current-page-ancestor a { color: #FFF; background-color: #353535 !important; border-top: 1px solid #FF6600; } */ #subnav ul li:nth-child(1) a { padding-left: 60px; background: url('img/icons/icon-info.png') no-repeat left 20px center; background-size: 25px; background-color: #666; } #subnav ul li.history a { padding-left: 60px; background: url('img/icons/icon-history.png') no-repeat left 20px center; background-size: 25px; background-color: #666; } #subnav ul li.wrecks a { padding-left: 60px; background: url('img/icons/icon-wreck.png') no-repeat left 20px center; background-size: 25px; background-color: #666; } #subnav ul li.trips a { padding-left: 60px; background: url('img/icons/icon-trip.png') no-repeat left 20px center; background-size: 25px; background-color: #666; } #subnav ul li.book { float: right; } #subnav ul li.book a { padding-left: 60px; background: url('img/icons/icon-trip.png') no-repeat left 20px center; background-size: 25px; background-color: #FF6600 !important; } body.lust4rust #subnav ul li.book a { background-color: #FF6600 !important; } body.shockawe #subnav ul li.book a { background-color: #0074a4 !important; } body.training #subnav ul li.book a { background-color: #fbcc02 !important; } #subnav ul li a:hover { background-color: #555 !important; } /* SIDEBAR NAV */ ul.sidebar-nav { padding: 0; } ul.sidebar-nav li { list-style: none; margin: 0 0 10px 0; padding: 0; } ul.sidebar-nav li a { padding: 10px 20px; background-color: #222; color: #FFF; display: block; margin: 0 0 10px 0; border-left: 1px solid #FF6600; } ul.sidebar-nav li a:hover { background-color: #444; color: #FF6600; } ul.sidebar-nav.inline li { display: inline-block; margin: 0 10px 10px 0; border-left: none; } ul.sidebar-nav.inline li a { } /* TABLE */ table.wptb-preview-table { margin: 10px 0 30px 0 !important; } table.wptb-preview-table { border: 1px solid #333 !important; } table.wptb-preview-table td, table.wptb-preview-table th { border: 1px solid #333 !important; } table.wptb-preview-table td { padding: 5px 10px!important; } .wptb-table-container table td p { text-transform: uppercase !important; font-size: 16px !important; } body.lust4rust table.wptb-preview-table .wptb-button { background-color: #FF6600 !important; } body.shockawe table.wptb-preview-table .wptb-button { background-color: #0074a4 !important; } body.training table.wptb-preview-table .wptb-button { background-color: #fbcc02 !important; } /* PRICING */ div.pricing--yama .pricing__title { font-weight: 400 !important; } .pricing--yama div.pricing__price { font-weight: 400 !important; } div.pricing--yama a.pricing__action { font-weight: 400 !important; } li.pricing__feature { margin-bottom: 10px !important; } /* GALLERIES */ .sh-image-gallery-simple .sh-image-gallery-item { width: 25% !important; min-width: 25% !important; } /* BLOG */ .post-title h1, .post-title h2 { font-weight: 400 !important; } .widget_recent_entries li a { font-weight: 400 !important; } .blog-list .post-container { background-color: #555; } /* //////////////////////////////// MOBILE ONLY //////////////////////////////// */ @media screen and (max-width: 500px) { .container { max-width: 350px !important; } } /* //////////////////////////////// MOBILE AND UP //////////////////////////////// */ @media screen and (min-width: 1px) { /* .header-logo .sh-table-cell { position: absolute; width: 100px; height: 100px; top: -12px; left: 0; } .header-logo .sh-table-cell img { width: 100%; height: auto; } */ h1.sh-heading-content { padding: 20px 40px !important; font-size: 20px !important; } } /* //////////////////////////////// LARGE MOBILE //////////////////////////////// */ @media screen and (min-width: 480px) { } /* //////////////////////////////// IPAD PORTRAIT //////////////////////////////// */ @media screen and (min-width: 768px) { h1 { font-size: 50px !important; line-height: 60px !important; margin-bottom: 30px !important; } h2 { font-size: 35px !important; line-height: 45px !important; margin-bottom: 30px !important; } h1.sh-heading-content { padding: 20px 40px !important; font-size: 35px !important; } .revslider { margin-top: -70px; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-3 {width: 25% !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-4 {width: 20% !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-6 {width: 15% !important; } #menu-header-menu li.current-page-ancestor { background-color: rgba(255,255,255,0.1); } #menu-header-menu li.current-page-ancestor a { color: #FF6600; } } /* //////////////////////////////// LAPTOP //////////////////////////////// */ @media screen and (min-width: 960px) { h1 { font-size: 50px; line-height: 60px; } h2 { font-size: 30px; line-height: 40px; } h3 { font-size: 22px; line-height: 32px; } .revslider { margin-top: -100px; } .home-boxes h3 { width: 150px; height: 150px; margin: -75px 0 0 -75px !important; } .home-boxes h3 a { line-height: 150px !important; font-size: 20px; } .sh-footer-widgets { padding: 100px 0 100px 0 !important; } .logos ul li { width: 150px; margin: 10px; } .logos ul li.thin { width: 100px; } div.ba_map_holder { height: 600px !important; } } /* //////////////////////////////// DESKTOP //////////////////////////////// */ @media screen and (min-width: 1026px) { h1.sh-heading-content { padding: 20px 75px !important; font-size: 40px !important; } .box { padding: 40px !important; } .wpb_column.vc_column_container.fifty-text-left { padding-left: 10% !important; padding-right: 5% !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 10% !important; } div.ba_map_holder { height: 700px !important; } } /* //////////////////////////////// LARGE SCREEN //////////////////////////////// */ @media screen and (min-width: 1500px) { .wpb_column.vc_column_container.fifty-text-left { padding-left: 15% !important; padding-right: 5% !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 15% !important; } h1 { font-size: 60px; line-height: 70px; margin-bottom: 30px !important; } h2 { font-size: 30px; line-height: 40px; margin-bottom: 30px !important; } .logos ul li { width: 200px; margin: 20px; } .logos ul li.thin { width: 100px; margin-top: 40px 20px 0 20px; } .sh-image-gallery-simple .sh-image-gallery-item { width: 20% !important; min-width: 18% !important; } } /* //////////////////////////////// EXTRA LARGE SCREEN //////////////////////////////// */ @media screen and (min-width: 1500px) { .wpb_column.vc_column_container.fifty-text-left { padding-left: 20% !important; padding-right: 5% !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 20% !important; } }