/* Theme Name: Epiculture Custom Website Description: Child Theme Template Author: Andrew Brown Author URI: http://epiculture.ca Template: Divi Version: 1.0.0 */ /*-----IMPORTED FONTS-----*/ /*-----IMPORTED STYLE SHEETS-----*/ @import url("../Divi/style.css"); @import url("../Divi-child/universals.css"); @import url("../Divi-child/pages.css"); /*-----SERVER FONTS-----*/ /*----GENERAL NOTES-----*/ /* */ /*---------------------------------------------------------------------------------------------------------*/ /*-----FONT CHANGES----------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ #et-info-phone {font-weight: normal !important;} #et-info-email {font-weight: normal !important;} /*---------------------------------------------------------------------------------------------------------*/ /*-----LOGO------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 980px) { #main-header {height: 200px !important;} #logo {max-height: 95% !important; max-width: 85% !important;} .et_header_style_left .logo_container {height: 250% !important;} } /*---------------------------------------------------------------------------------------------------------*/ /*-----TOP HEADER------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ /* Align social medias and contact to the right on browser size */ #et-info, #et-secondary-nav a {color: white !important; position: relative; text-shadow: 0px 0px 18px rgb(16,70,20); float: right;} /* Fix padding issue on social medias in the top header */ @media screen and (min-width: 980px) { #top-header .et-social-icon a {line-height: 10px;} #et-secondary-menu > ul > li a {padding-bottom: 5px;} } /* Align social medias to the right on tablet size */ @media only screen and (max-width: 980px) {.et-social-icons {text-align: right !important;}} /* Align social medias to the center on mobile size */ @media only screen and (max-width: 480px) {.et-social-icons {text-align: center !important;}} /* Mobile align top header elements on mobile */ @media screen and (max-width: 480px) {#et-info {float: none;}} /* Mobile issue with spacing of top header social icons */ @media only screen and (max-width: 767px){#et-info .et-social-icons {display: block; padding-top: 10px;}} /*---------------------------------------------------------------------------------------------------------*/ /*-----HEADER----------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ /*-----NAVIGATION------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 1160px) {#top-menu-nav .menu-item a {font-size: 15px !important;}} @media screen and (max-width: 1025px) {#top-menu-nav .menu-item a {font-size: 14px !important;}} @media screen and (max-width: 990px) {#top-menu-nav .menu-item a {font-size: 13px !important;}} /*---------------------------------------------------------------------------------------------------------*/ /*-----SIDEBAR---------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ /* Changing colour of the bar on the sidebar of the website */ @media (min-width: 981px) {#main-content .container:before {background-color: #e4e4e4 !important;}} /* recent entries as a page icon */ #sidebar .widget_recent_entries ul li:before, .widget_recent_entries ul li:before {font-family: 'ETmodules'; content: '\6c ' ;} /* recent comments as a quote bubble icon */ #sidebar .widget_recent_comments ul li:before, .widget_recent_comments ul li:before {font-family: 'ETmodules'; content: '\76 ' ;} /* recent categories as a folder icon */ #sidebar .widget_categories ul li:before, .widget_categories ul li:before {font-family: 'ETmodules'; content: '\6d ' ;} /* monthly archives as a calendar icon */ #sidebar .widget_archive ul li:before, .widget_archive ul li:before {font-family: 'ETmodules'; content: '\e023 ' ;} /* fixing spacing issues and margin issues on above widget sections ul li */ #sidebar .widget_recent_entries ul li, #sidebar .widget_recent_comments ul li, #sidebar .widget_categories ul li, #sidebar .widget_archive ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_categories ul li, .widget_archive ul li { list-style-position: inside; text-indent: -1.5em; padding-left: 1em; background: none !important;} #sidebar .widget_recent_entries ul, #sidebar .widget_recent_comments ul, #sidebar .widget_categories ul, #sidebar .widget_archive ul, .widget_recent_entries ul, .widget_recent_comments ul, .widget_categories ul, .widget_archive ul {margin-left: 15px; list-style-none !important;} /*---------------------------------------------------------------------------------------------------------*/ /*-----FOOTER----------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ /* Font in bottom footer size above mobile */ @media screen and (min-width: 480px) {#main-footer p {font-size: 10px;}} /* Font in bottom footer size at mobile */ @media screen and (max-width: 480px) {#main-footer p {font-size: 8px;}} /* Padding above social icons in the footer */ #footer-bottom .et-social-icons {padding-top: 5px;} /* Top border on footer */ footer#main-footer { border-top: 2px solid #222;} /* Widget titles style */ #footer-widgets h4 {text-shadow: 1px 1px 1px black;} /* Padding above widgets in the footer */ #footer-widgets {padding-top: 3% !important;} @media screen and (max-width: 480px) {#footer-widgets {padding-top: 16% !important;}} /* Links in Widgets */ .et_pb_widget a:hover, .et_pb_widget ul li a:hover {color: #888 !important;} /* Social media alignment */ @media only screen and (max-width: 980px) {.et-social-icons {text-align: center !important;}} /*---------------------------------------------------------------------------------------------------------*/ /*-----CHANGING SOCIAL ICONS-------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ /* Changing RSS to LinkedIn */ .et-social-rss a.icon:before {content: '\e09d'} /* Changing Google Plus to IG */ .et-social-google-plus a.icon:before {content: '\e09a'} /* Generic social media hover fix in the footer */ .et-social-icon.et-social-twitter a:hover, .et-social-icon.et-social-facebook a:hover, .et-social-icon.et-social-google-plus a:hover, .et-social-icon.et-social-rss a:hover {color: rgba(255,255,255,0.9) !important; text-shadow: 0px 0px 3px black;} /*---------------------------------------------------------------------------------------------------------*/ /*-----CUSTOM ICONS IN NAVIGATION--------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------*/ /*-----QUOTE BUBBLE-----*/ #top-menu li.quote-bubble-menu-custom a:before {font-family: 'ETmodules'; content: '\76 ';} /*-----HOME-----*/ #top-menu li.home-menu-custom a:before {font-family: 'ETmodules'; content: '\e009 ';} /*-----PORTFOLIO-----*/ #top-menu li.portfolio-menu-custom a:before {font-family: 'ETmodules'; content: '\e006 ';} /*-----LETTER-----*/ #top-menu li.letter-menu-custom a:before {font-family: 'ETmodules'; content: '\e011 ';} /*-----SHOPPING CART-----*/ #top-menu li.shopping-cart-menu-custom a:before {font-family: 'ETmodules'; content: '\e015 ';} /*-----LOCATION PIN-----*/ #top-menu li.location-pin-menu-custom a:before {font-family: 'ETmodules'; content: '\e01d ';} /*-----THUMBS UP-----*/ #top-menu li.thumbs-up-menu-custom a:before {font-family: 'ETmodules'; content: '\e106 ';} /*-----GEARS-----*/ #top-menu li.gears-menu-custom a:before {font-family: 'ETmodules'; content: '\e038 ';} /*-----CUSTOM MENU ITEM MASTER HOVER-----*/ /* Action on hover of custom icon navigation items */ #top-menu li.custom-menu-item-master a:hover {border-color: white; color: white !important; background: #de2e30 !important; opacity: 1;} /* Border around custom icon button without hover */ #top-menu li.custom-menu-item-master a {border: 1px solid transparent;}