/* Theme Name: Ever After Divi Child Theme Description: Custom theme for Ever After Sale Author: Jackie Webster Author URI: https://smallwebsolutions.com Template: Divi Version: 1.0.0 */ /*NOTES: 1. The name of the Template MUST be the name of the parent theme just as it appears on the folder name. 2. The style sheet from the original theme must be imported from the parent theme (this is done in the functions.php file). 3. To change a php file in the parent theme, add the EXACT same named file to the child theme and make your changes there. /*Import custom fonts*/ /* =Theme customization starts here ------------------------------------------------------- */ /*general styles*/ h3 {line-height: 1.3em; font size: 18px;} ul li {line-height: 1.3em; margin-top: 10px;} ul.et_pb_tabs_controls.clearfix li {margin-top: 0px;} /*mobile menu modifications*/ .select_page { visibility: hidden; } /*remove "Select Page" from mobile menu*/ span.mobile_menu_bar:before {color: #8A9A5B !important; } /* Place the word MENU after the mobile hamburger */ .mobile_menu_bar:after { content: 'MENU'; position: relative !important; bottom: 10px; left: 10%; color: #8A9A5B!important;} a.mobile_menu_bar {color: #8A9A5B;} /* Change the hamburger to X when opened */ .mobile_nav.opened .mobile_menu_bar:before {content: '\4d';} /*give the mobile menu a background color*/ ul#mobile_menu.et_mobile_menu {background: #F6EFDE;} .nav li li {line-height: 1.3;} /*adjust line height on drop-down menus*/ #top-menu li li a {padding: 10px 0;} /*adjust padding in drop-down menus*/ .logo-container {margin-left: -70px;} /*move header logo to the left by pixels*/ #top-header {padding-bottom: 10px; background: url(img/header-menu-bkg.png) repeat-x bottom;} /*add background edge to header menu*/ #logo {padding: 10px 0;} #main-footer {padding-top: 10px; background: url(img/footer-bkg.png) repeat-x top;} /*add background edge to footer*/ #main-header {/*make adjustments here for main header*/} #main-footer div.container {background:url(img/shirt-on-line-footer-bkg-OPT.png) no-repeat right top;} #footer-bottom div.container.clearfix {background: none;} #footer-info {font-size: 11px !important;} #footer-info a {font-weight: normal;} .footer-widget h4.title {color: #333333 !important;} #main-footer span.post-date {font-weight: normal; font-size: 11px; font-style: italic; display: block;} /*HOME PAGE*/ /*style the custom buttons on the home page using a table*/ table#homepage-info {border: none; margin: 0; padding: 0;} table#homepage-info td {border: none; margin: 0; padding: 0; } /*blue button styling*/ div.home-button {background: #8A9A5B; height: 33%; width: 100%; color: #fff; font-weight: bold; font-size: 12.5px; padding: 10px 0; text-align: center; margin: 0 0 10px 0; position: relative;} div:hover.home-button {background: #61B4BA; color: #8A9A5B;} div.home-button a {color: #fff;} div:hover.home-button a {color: #8A9A5B;} /*moss button styling*/ div.home-button-moss {background: #8A9A5B; height: 33%; width: 100%; color: #f6efde; font-weight: bold; font-size: 12.5px; padding: 10px 0; text-align: center; margin: 0 0 10px 0; position: relative;} div:hover.home-button-moss {background: #990000; color: #F6EFDE;} div.home-button-moss a {color: #F6EFDE;} div:hover.home-button-moss a {color: #f6efde;} /*aqua button styling*/ div.home-button-aqua {background: #61B4BA; height: 33%; width: 100%; color: #fff; font-weight: bold; font-size: 12.5px; padding: 10px 0; text-align: center; margin: 0 0 10px 0; position: relative;} div:hover.home-button-aqua {background: #8A9A5B; color: #61B4BA;} div.home-button-aqua a {color: #fff;} div:hover.home-button-aqua a {color: #61B4BA;} /*red button styling*/ div.home-button-red {background: #990000; height: 33%; width: 100%; color: #fff; font-weight: bold; font-size: 13.5px; padding: 10px 0; text-align: center; margin: 0 0 10px 0; position: relative;} div:hover.home-button-red {background: #61B4BA; color: #8A9A5B;} div.home-button-red a {color: #fff;} div:hover.home-button-red a {color: #8A9A5B;} .link-cover {display: block;} /*makes entire div wrapped around link clickable for buttons on home page*/ /**various styles**/ h4.widgettitle {color: #8A9A5B !important; line-height: 1.3em;} .textwidget {margin-left: 0 !important;} p.post-meta {font-size: 11px !important; font-style: italic;} span.comments-number {display: none;} div.entry-content {margin-bottom: 60px;} /*style the advanced posts widget for the event sidebars*/ .rpwe-block ul { list-style: disc; margin-left: 0 !important; padding-left: 0 !important; } .rpwe-block li {border-bottom: 1px solid #8A9A5B !important; margin-bottom: 10px; padding-bottom: 10px; list-style-type:disc; } .rpwe-block a {text-decoration: underline;} .rpwe-block h3 { background: none !important; clear: none; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 400; font-size: 13px !important; line-height: 1em; } h3.rpwe-title a { display: inline !important; text-decoration: none; color: #990000 !important; font-weight: bold; font-size: 14px; line-height: 1em; margin: 0 0 -10px 0;} h3.rpwe-title a:hover {color: #333333;text-decoration: underline; } .rpwe-thumb {border: 1px solid #999 !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important;} div.rpwe-summary {font-size: 14px; font-style: italic; line-height: 1.4em;} .rpwe-time {color: #333333 !important; font-size: 12px; margin: -12px 0 0 0; line-height: 1.2em;} .rpwe-comment{color: #333;font-size: 11px; padding-left: 5px;} .rpwe-alignleft {display: inline;float: left;} .rpwe-alignright {display: inline;float: right;} .rpwe-aligncenter {display: block;margin-left: auto;margin-right: auto;} .rpwe-clearfix:before,.rpwe-clearfix:after {content: "";display: table !important;} .rpwe-clearfix:after {clear: both;} .rpwe-clearfix {zoom: 1;} .et_pb_fullwidth_header {background: repeat;} .et_mobile_menu {border-top: 3px #8A9A5B;} /*contact form*/ /*Tabs*/ .et_pb_tabs_controls li a {padding-right: 5px; padding-left: 5px; margin-left: 1px; margin-right: 1px;} /*style the tabbed New This Sale post feed within the Consignors tabbed area*/ .display-posts-listing li.listing-item {line-height: 20px; margin-bottom: 16px;} .display-posts-listing a.title {font-weight: bold;} .display-posts-listing span.date {font-style: italic;} /*** Responsive Styles Large Desktop And Above ***/ @media (min-width: 1406px) { } /*** Responsive Styles Standard Desktop Only ***/ @media (min-width: 1101px) and (max-width: 1405px) { #et_mobile_nav_menu {display: block;} #top-menu {display: none;} /*hide mobile menu items*/ } @media (min-width:981px) and (max-width:1100px) { #et_mobile_nav_menu {display: block;} #top-menu {display: none;} /*hide mobile menu items*/ } /*** Responsive Styles Tablet And Below ***/ @media (min-width: 769px) and (max-width: 980px) { header#main-header {height: 120px;} #main-footer div.container {background: none;} #logo {height: 120px; /*change this to adjust the size*/ max-height: 120px !important; /* change this to adjust the size */ padding:12px 0; margin-left: -20px !important;} #et_mobile_nav_menu {display: block;} #logo { height: 120px; /*change this to adjust the size*/ max-height: 120px !important; /* change this to adjust the size */ padding-bottom:12px; } ul#mobile_menu.et_mobile_menu {margin-top: -24px !important;} } /*** Responsive Styles Smartphone Only ***/ @media (min-width: 480px) and (max-width: 768px) { header#main-header {height: 120px;} #logo { height: 120px; /*change this to adjust the size*/ max-height: 120px !important; /* change this to adjust the size */ padding-bottom:12px;} #main-footer div.container {background: none !important;} ul#mobile_menu.et_mobile_menu {margin-top: 24px !important;} } /*** Responsive Styles Smartphone Portrait ***/ @media (max-width: 479px) { header#main-header {height: 120px;} div.container.clearfix.et_menu_container {width: 90% !important; height: 130px !important;} .et_header_style_left #logo { height: 120px; /*change this to adjust the size*/ width: auto !important; max-height: 120px !important; /* change this to adjust the size */ padding-bottom:12px; margin-right: 20px;} /*center the logo*/ .et_header_style_left header#main-header .logo_container, .et_header_style_left .logo_container { position: relative; height: auto; max-height: 120px; padding: 0; text-align: center; } /*position the hamburger menu absolutely*/ .et_header_style_left .mobile_menu_bar { position: absolute; top: 5px; right: 2px; } #main-footer div.container {background: none !important;} ul#mobile_menu.et_mobile_menu {margin-top: -24px !important;} }