/* Theme Name: Aura Hockey Advisors (Divi Child Theme) Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Leech Printing Author URI: https://leechprint.com/ Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ :root { --aha-lightest-gray: #f7f7f7; --aha-light-gray: #eeeeee; --aha-medium-gray: #bbbbbb; --aha-dark-gray: #666666; --aha-black: #000000; --aha-white: #FFFFFF; } /* CHANGE MOBILE NAV BREAKPOINT */ @media only screen and ( max-width: 1300px ) { /* Change this number to modify breakpoint width */ #top-menu-nav, #top-menu { display: none; } #et_top_search { display: none; } #et_mobile_nav_menu { display: block; } .et_fixed_nav #main-header{ position: absolute; } } /* decrease left and right padding on main menu items */ #top-menu li li { padding: 0 10px; margin: 0; } /* increase width of main menu dropdowns from default of 240px */ .nav li ul { width: 300px; } /* increase width of main menu dropdowns items from default of 200px */ .nav li li a { width: 260px; } @media screen and ( min-width: 981px ) and ( max-width: 1250px ) { .aats-menu .et_pb_menu_inner_container{ flex-direction: column; } .aats-menu .et_pb_menu__wrap{ flex-direction: column; align-content: left; margin-bottom: -20px; } } /* HIDE ALT TAG */ /* hide the alt tag text from displaying when an image hasn't been loaded yet */ img { color: transparent; } .et_pb_text_inner a, p a { text-decoration: underline dotted !important; } /* REMOVE DROP SHADOW FROM HEADER */ #main-header { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* MOBILE / NON-MOBILE */ @media all and ( max-width: 480px ) { .content-non-mobile-only { display: none; } .content-mobile-only { display: inline; } } @media all and ( min-width: 481px ) { .content-non-mobile-only { display: inline; } .content-mobile-only { display: none; } } /* DIVI STACKING ORDER */ @media all and ( max-width: 980px ) { /*** wrap row in a flex box ***/ .custom-stacking-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; } /*** custom classes that will designate the order of columns in the flex box row ***/ .first-on-mobile { -webkit-order: 1; order: 1; } .second-on-mobile { -webkit-order: 2; order: 2; } .third-on-mobile { -webkit-order: 3; order: 3; } .fourth-on-mobile { -webkit-order: 4; order: 4; } /*** add margin to last column ***/ .custom-stacking-order:last-child .et_pb_column:last-child { margin-bottom: 30px; } } /* GRAVITY FORMS */ p.gform_required_legend { margin-bottom: 15px; font-size: 0.8em; } .custom-form .gform_button, .custom-form .gform_save_link, .custom-form .gform_next_button, .custom-form .gform_previous_button, .custom-form .gform_button_select_files { background-color: var(--aha-dark-gray) !important; padding: 15px 35px !important; color: #FFFFFF !important; border: none !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase !important; } .custom-form .gform_button:hover, .custom-form .gform_save_link:hover, .custom-form .gform_next_button:hover, .custom-form .gform_previous_button:hover, .custom-form .gform_button_select_files:hover { background-color: var(--aha-black) !important; /* grey */ } .custom-form .gform_save_link:before { color: #FFFFFF !important; /* grey */ } .custom-form .gform-body input[type="text"], .custom-form .gform-body input[type="tel"], .custom-form .gform-body textarea, .custom-form .gform-body select, .custom-form .gform-body input[type="number"], .custom-form .gform-body input[type="file"], .custom-form .gform-body input[type="url"], .custom-form .gform-body input[type="email"] { background-color: #FFFFFF; border: none; border-radius: 4px; padding: 10px; line-height: 20px; box-shadow: none; } /* TYPOGRAPHY */ .small-caps { font-size: 0.8em; text-transform: uppercase; } .double-slash h1::before { content: "// "; color: #AAAAAA; } .remove-padding-on-headings h1, .remove-padding-on-headings h2, .remove-padding-on-headings h3, .remove-padding-on-headings h4, .remove-padding-on-headings h5, .remove-padding-on-headings h6 { padding: 0 !important; } .remove-top-margin-on-headings h1, .remove-top-margin-on-headings h2, .remove-top-margin-on-headings h3, .remove-top-margin-on-headings h4, .remove-top-margin-on-headings h5, .remove-top-margin-on-headings h6 { top-margin: 0 !important; } .remove-margin-on-headings h1, .remove-margin-on-headings h2, .remove-margin-on-headings h3, .remove-margin-on-headings h4, .remove-margin-on-headings h5, .remove-margin-on-headings h6 { margin: 0 !important; } .main-content p { padding-bottom: 0; } .main-content p+p { padding-top: 10px; } .main-content h1, .main-content h2, .main-content h3, .main-content h4 { margin-bottom: 0 !important; line-height: 1.5em; } .main-content h5, .main-content h5 { line-height: 1.5em; } .main-content h3 { margin-bottom: 10px; } .main-content h1+p, .main-content h2+p, .main-content h3+p, .main-content h4+p { margin-top: 7px !important; } .main-content p+h1, .main-content p+h2, .main-content p+h3, .main-content p+h4, .main-content ul+h1, .main-content ul+h2, .main-content ul+h3, .main-content ul+h4, .main-content ol+h1, .main-content ol+h2, .main-content ol+h3, .main-content ol+h4 { margin-top: 40px !important; } .main-content ul, .main-content ol { padding-bottom: 0; } .main-content ul { list-style-type: square; } .main-content p+ul, .main-content h1+ul, .main-content h2+ul, .main-content h3+ul, .main-content h4+ul, .main-content p+ol, .main-content h1+ol, .main-content h2+ol, .main-content h3+ol, .main-content h4+ol { margin-top: 20px !important; } .main-content li { margin-bottom: 10px !important; } .main-content li > ol, .main-content li > ul { margin-top: 10px !important; }