/* Theme Name: Same Day Transport Theme URI: https://samedaytransport.com.au Description: SDT Child Theme Author: Studiotas Author URI: http://studiotas.com.au Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ /* --- **** COLLAPSE MOBILE MENU'S SUB-MENUS **** --- */ /*-- remember, the below styles requires Javascript code - under Divi Options - Integrations(sixth tab) - Add Code To The Body --*/ /* --- MOBILE MENU - COLLAPSE SUB-MENUS --- */ #main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; } #main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; } #main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; } #main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; } #main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out;} #main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; } /* --- END MOBILE MENU - COLLAPSE SUB-MENUS --- */ /* --- *************************************** --- */ /* --- FIXED NAV ON MOBILE --- */ @media (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed !important; } } .et_mobile_menu { overflow: scroll !important; max-height: 83vh; } /* --- END FIXED NAV ON MOBILE --- */ /* --- ****** HIDE "SELECT PAGE" ON MOBILE ****** --- */ /* --- HIDE "SELECT PAGE" ON MOBILE --- */ .select_page { visibility: hidden; } /* --- END HIDE "SELECT PAGE" ON MOBILE --- */ /* --- *** REMOVE LINE UNDER DIVI PRIMARY NAV BAR (HEADER) *** --- */ /*-- LINE REMOVAL FROM DIVI PRIMARY HEADER --*/ /*-- REMOVE LINE BELOW NORMAL DIVI MENU --*/ #main-header { box-shadow: none !important; } /*-- REMOVE SHADOW UNDERNEATH DIVI FIXED NAV BAR --*/ #main-header.et-fixed-header { box-shadow: none !important; } /*-- END LINE REMOVAL FROM DIVI PRIMARY HEADER --*/ /* --- *************************************** --- */ /*-- the below CSS to make the LOGO and MENU HAMBURGER go side by side, rather than on top of each other on mobile view when using Centered inline logo header (set from Divi - Theme Customizer) --*/ /* --- CENTERED INLINE CANCELLATION ON MOBILE --- */ @media (max-width:980px){ .et_header_style_split header#main-header .logo_container { height: 100% !important; float: left !important; position: absolute !important; z-index:0 !important; } .et_header_style_left #logo, .et_header_style_split #logo { max-height:100px; margin-top: -10px; } .et_header_style_split #main-header .container, .et_header_style_split #main-header .logo_container {text-align:left !important;} .et_header_style_split #et_mobile_nav_menu{margin: 0;} .et_header_style_split #main-header .mobile_nav{background-color: transparent; padding-left: 247px;} .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page { display: none; } .et_header_style_split #main-header { padding: 40px 0; } } /* --- END CENTERED INLINE CANCELLATION ON MOBILE --- */ /* --- **** REMOVAL MOBILE MENU LINE **** --- */ /* --- REMOVE MOBILE MENU COLOR LINE --- */ .et_mobile_menu { border-top: 0px; } /* --- END REMOVE MOBILE MENU COLOR LINE --- */ /* --- *************************************** --- */ /* --- MOBILE MENU - CENTER MOBILE LINK ASSETS --- */ .et_mobile_menu { text-align: center; } /* --- END MOBILE MENU - CENTER MOBILE LINK ASSETS --- */ /* --- **** HORIZONTAL SCROLL-BAR BUG **** --- */ /* --- DIVI THEME HORIZONTAL SCROLL-BAR BUG --- */ #page-container { overflow:hidden; } /* --- END DIVI THEME HORIZONTAL SCROLL-BAR BUG --- */ /* --- *************************************** --- */ /* --- HIDE DIVI BOTTOM FOOTER --- */ #footer-bottom { display:none; } /* --- END HIDE DIVI BOTTOM FOOTER --- */ /* --- *************************************** --- */ /* --- SUBMIT BUTTON - CENTER IN FORM MODULE --- */ #et_pb_contact_form_0 .et_contact_bottom_container { float: none!important; text-align: center!important; } /* --- END SUBMIT BUTTON - CENTER IN FORM MODULE --- */ /*-- The "text-align" above works with LEFT, CENTER and RIGHT --*/ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /*-- BACK TO TOP BUTTON -->*/ .et_pb_scroll_top.et-pb-icon { display: none; position: fixed; z-index: 99999; right: 0; bottom: 125px; padding: 6px 3px 6px 3px; color: #ffffff;/*-- change color --*/ background: #ffb400;/*-- change color --*/ font-size: 45px;/*-- change font size --*/ text-align: center; text-decoration: none; cursor: pointer; } /* this part with the hover effect --*/ .et_pb_scroll_top.et-pb-icon:hover { color: #ffb400;/*-- change color --*/ background: #232323;/*-- change color --*/ } /* this part deals with how the button fades into and out of view --*/ .et_pb_scroll_top.et-visible { opacity: 1; -webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); } /*-- END - BACK TO TOP BUTTON -->*/ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* ****** NEW STYLES ****** */ /* --- *************************************** --- */ /* --- *************************************** --- */ /*--- ******************* ---*/ /*--- SPLASH FORM ---*/ .et_pb_section.et_pb_section_1.splash-form-section.et_pb_with_background.et_section_regular { padding-top: 12px !important; } .et_pb_row.et_pb_row_0.splash-form-row { padding-top: 0 !important; } #et_pb_contact_form_0 .et_contact_bottom_container { margin-top: 3% !important; } button.et_pb_contact_submit.et_pb_button { text-align: center!important; margin-left: auto!important; margin-right: auto!important; } /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- BOILERPLATE CUSTOM TEXT LINK STYLES --- */ /* replace all "class-name" instances with new class name */ .class-name a { color:#f5f3ed;/* replace HEX color */ } .class-name a:hover { color:#f5f3ed;/* replace HEX color */ border-bottom:1px dashed;/* latter = dashed or solid */ } .class-name a:active { color:#f5f3ed;/* replace HEX color */ } .class-name a:visited { color:#f5f3ed;/* replace HEX color */ } /* --- END BOILERPLATE CUSTOM TEXT LINK STYLES --- */ /* --- *************************************** --- */ /* --- *************************************** --- */ /* --- *************************************** --- */