/*
 Theme Name:   Imagine
 Theme URI:    http://makeaspectacle.co.uk
 Description:  A Child Theme built for Divi
 Author:       Make a Spectacle
 Author URI:   http://makeaspectacle.co.uk
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*------THIS SECTION CONTAINS THE CODE BLOCKS IN THE FAQ SECTION OF THE DOCUMENTATION-------*/

/*------FONTS-------*/

p, .et_pb_testimonial_author, body, h1, h2, h3, h4, h5, h6, .et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a, #top-menu li.current-menu-item > a, body, #top-menu, #menu-footer-menu {
font-family: 'Raleway';
font-weight: 300;
}

/*------END OF FONTS-------*/

/*------CAPITAL LETTERS-------*/
/*------remove this entire block of code to remove the capitals site wide-------*/

#top-menu, .et_mobile_menu li a, #menu-footer-menu, h4.widgettitle, .imagine-ls-img-title h3, .imagine-home-left-section h3, a.more-link, h1.entry-title, .et_pb_post h2, h1.imagine-search, h1.imagine-search, .woocommerce div.product form.cart .variations label , .woocommerce td.product-name dl.variation dt, .woocommerce table.shop_table th, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del, h1.page-title, .main_title, .cart_totals h2, .shipping_calculator h2, .product .related h2, .imagine-pt-img-title, .et_pb_newsletter_description {
text-transform: uppercase !important;
}

/*------END OF CAPITAL LETTERS-------*/



/*------SET BORDER RADIUS TO ZERO-------*/
/*------remove this entire block of code to restore the border radius-------*/

.et_pb_scroll_top.et-pb-icon, div.pp_woocommerce .pp_content_container, .woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity, .woocommerce table.shop_table, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, #add_payment_method #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment div.form-row, .woocommerce-checkout #payment div.form-row, #add_payment_method #payment, .woocommerce-checkout #payment, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce span.onsale, .woocommerce-page span.onsale, .et_pb_newsletter_form p input {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
}
/*------END OF BORDER RADIUS-------*/


/*------GREY BACKGROUND COLOUR-------*/ 
/*------change the hex-code here to change the colours site-wide-------*/

a.more-link, h4.imagine-read-more, input#coupon_code {
    color: #f5f5f5 !important;
}

input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select, .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {
background-color: #f5f5f5 !important;
}

#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs {
background: #f5f5f5 !important;
}


/*------YELLOW COLOUR-------*/
/*------change the hex-code here to change the colours site-wide-------*/

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
background: #F6f5ea !important;
background-color: #F6f5ea !important;
}

#imagine-search-page, div.pp_woocommerce .pp_content_container, body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel, .imagine-hp-about-text, .woocommerce span.onsale, .woocommerce-page span.onsale {
background: #F6F5EA !important;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
background-color: #f6f5ea !important;
}

#sidebar .et_pb_widget, .et_pb_scroll_top.et-pb-icon, .imagine-shop-right-column {
background: rgba(247,245,232,0.8);
}

.et_overlay {
background: rgba(246,245,234, 0.6);
}

/*------PURPLE COLOUR-------*/
/*------change the hex-code here to change the colours site-wide-------*/
#sidebar .et_pb_widget, .imagine-hp-about-text, .imagine-quote, .imagine-shop-right-column, .et_overlay, #imagine-search-page, body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce span.onsale, .woocommerce-page span.onsale, .imagine-text, .imagine-email-optin  {
outline: 1px solid #826875;
}

.et_mobile_menu li a {
border-bottom: 1px solid #826875;
}

.et_pb_scroll_top.et-pb-icon, .woocommerce table.shop_table, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, #commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], 
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, #tab-reviews #reviews {
border: 1px solid #826875 !important;
}

.woocommerce-info a, .woocommerce div.product .stock, .woocommerce div.product p.stock, .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-message, .woocommerce-error, .woocommerce-info, .et_pb_scroll_top:before, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
color: #826875 !important;
}

h4.widgettitle, .et_pb_scroll_top.et-pb-icon, #imagine-dark-link a, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce span.onsale, .woocommerce-page span.onsale, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, {
color: #826875 !important;
}

a.more-link, h4.imagine-read-more {
background: #826875;
}

table {
border-color: rgba(130, 104, 116, 0.5);
}

.et_pb_blog_grid .post-meta, #left-area .post-meta, h1.imagine-search, h1.page-title, .main_title, p.price, .product .related h2 {
border-bottom: 1px solid rgba(130, 104, 116, 0.5);
border-top: 1px solid rgba(130, 104, 116, 0.5);
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: 1px solid rgba(130, 104, 116, 0.5);
}

.et_mobile_menu li a {
border-bottom: 1px solid rgba(130, 104, 116, 0.5);
}



/*------END OF FAQ SECTION CODE - DON'T CHANGE ANYTHING BELOW HERE UNLESS YOU KNOW WHAT YOU'RE DOING!-------*/




/*———GENERAL SITE SETTINGS———*/

.et_pb_section_first {
padding-top: 50px;
}

#main-content {
min-height: 62vh;
background-color: rgba(255, 255, 255, 0);
}

.et_pb_section {
padding: 15px 0;
}

/*------HEADER-------*/

.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a, #top-menu li.current-menu-item > a {
text-decoration: overline;
font-weight: 400;
}

body.search #top-menu a, body.search #et-top-navigation .et-cart-info, body.search #et_search_icon:before, body.search .mobile_menu_bar:before {
color: rgba(0, 0, 0, 0.6) !important;
}

#header-social-links {
float: right;
}

#main-header .et_mobile_menu {
background-color: rgba(245,245,245,0.95) !important;
}

.et_mobile_menu li a {
color: #666666;
}

.mobile_menu_bar:before {
color: #353535 !important;
}


#et-top-navigation {
    font-weight: inherit;
}

/*------FOOTER-------*/

#main-footer {
background: url(/wp-content/themes/Imagine/images/imagine-footer.png);
background-size: 100%;
background-position-y: 100%;
background-repeat: no-repeat;
}

.bottom-nav li {
font-weight: 300;
}

#et-footer-nav {
background-color: rgba(245, 245, 245, 0) !important;
padding-top: 20px;
}

#footer-bottom {
background-color: rgba(245, 245, 245, 0) !important;
}

.bottom-nav {
padding: 0 0 15px 0;
}

#menu-footer-menu {
text-align: center;
}

#et-footer-nav .bottom-nav li.current-menu-item a {
text-decoration: overline;
}

#footer-info a {
font-weight: 400;
}

/*------SIDEBAR-------*/

#sidebar .et_pb_widget {
outline-offset: -20px;
padding: 40px;
margin-bottom: 20px;
}

.et_right_sidebar #sidebar {
padding-left: 0px;
}

#main-content .container:before {
position: absolute;
top: 0;
width: 0px;
height: 100%;
background-color: rgba(226, 226, 226, 0);
content: "";
}

h4.widgettitle {
text-align: center;
}

/*------BACK TO TOP BUTTON-------*/

.et_pb_scroll_top.et-pb-icon {
border: 1px solid;
}

/*------DEFAULT OVERLAY SETTINGS———*/
/*———Icon can be overridden on a module-by-module basis———*/

.et_overlay {
    border: none;
outline-offset: -10px; 
}

.et_overlay:before {
content: "\e030";
}

.et_shop_image:hover img, .et_portfolio_image:hover img {
  filter: gray; 
  -webkit-filter: grayscale(100%);
-webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.et_shop_image img, .et_portfolio_image img {
  filter: none; 
  -webkit-filter: grayscale(0%);
-webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}


/*------THE MODULES-------*/


/*———IMAGE WITH TITLE———*/

#imagine-light-link a {
color: #ffffff !important;
}

.imagine-ls-img-title:hover, .imagine-pt-img-title:hover {
opacity: 0.8;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}

.imagine-ls-img-title, .imagine-pt-img-title {
opacity: 1;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}

.imagine-home-left-section:hover {
background: rgba(245,245,245,0.2);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}

.imagine-home-left-section {
background: rgba(245,245,245,0);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}

.imagine-ls-img-title h3, .imagine-home-left-section h3, .imagine-pt-img-title h3 {
    padding: 10px;
}

/*------Landscape Image with Title-------*/

.imagine-ls-img-title {
height: 40vh !important;
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
}

.imagine-ls-img-title a {
    width: 48%;
    height: 38vh;
    position: absolute;
}

/*———Portrait Image with Title-------*/

.imagine-pt-img-title  {
height: 80vh !important;
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
}

.imagine-pt-img-title a  {
width: 48%;
height: 81vh;
position: absolute;
}

/*———HOMEPAGE LEFT HAND SECTION———*/

.imagine-home-left-section a {
width: 48%;
height: 81vh;
position: absolute;
}

/*———TEXT BLOCKS———*/

.imagine-hp-about-text {
 outline-offset: -20px;
height: 30vh !important;
}

.imagine-text {
outline-offset: -20px;
padding: 40px;
}

/*———QUOTE BLOCKS———*/

.imagine-quote {
 outline-offset: -20px;
 padding: 40px;
}

.imagine-quote p {
padding-bottom: 0px;
}

.imagine-quote .et_pb_testimonial_author {
    margin-top: 0.2em;
}

.et_pb_testimonial_description_inner {
width: 100% !important;
}

/*---HOMEPAGEQUOTE---*/

#homepage-about-text img {
max-height: 5vh !important;
width: auto !important;
}

#homepage-about-text p {
padding-bottom: 0.5em;
}

#homepage-about-text {
padding: 40px;
}

/*-------CONTACT MODULE------*/


.et_pb_contact_right p input {
    max-width: 50px;
    padding: 10px;
margin-bottom: 5px;
}

.et_pb_contact_right {
width: 60%;
}

.et_contact_bottom_container {
width: 100%;
}


/*-------EMAIL OPTIN------*/

.imagine-email-optin .et_pb_newsletter_form {
padding-left: 0px;
}

.imagine-email-optin {
outline-offset: -20px;
padding: 40px;
}

.imagine-email-optin h2.et_pb_subscribed {
font-size: 18px !important;
text-align: center;
padding-bottom: 0;
}

.imagine-email-optin .et_pb_newsletter_form, .imagine-email-optin .et_pb_newsletter_description {
width: 100%;
margin-bottom: 10px;
}

.imagine-email-optin .et_pb_newsletter_description {
text-align: center;
}

.imagine-email-optin .et_pb_newsletter_form p {
width: 24%;
float: left;
margin-right: 1%;
padding-bottom: 0;
}

.imagine-email-optin .et_pb_newsletter_form p input {
border: 1px solid #C7C7C7 !important;
padding: 0.6em !important;
}



/*------THE PAGES———*/



/*------FULL WIDTH PAGES-------*/

.full-background-section {
min-height: 100vh !important;
}

.et_pb_toggle {
    border: none;
}

/*------COLLECTION PAGE-------*/

.imagine-shop-right-column {
outline-offset: -20px;
padding: 40px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom: 20px !important;
}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
text-align: center;
}

/*------BLOG PAGE / MODULE-------*/


.et_pb_blog_grid h2 {
padding-bottom: 0 !important;
}

.et_pb_blog_grid p {
text-align: center;
color: rgba(255, 255, 255, 0) !important;
line-height: 0;
}

.et_pb_blog_grid .et_pb_post {
    font-size: 0 !important;
text-align: center !important;
}

.et_pb_blog_grid .post-meta {
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
font-size: 14px !important;
line-height: 1.2;
color: #666 !important;
margin-bottom: 10px;
}

a.more-link {
text-align: center !important;
font-size: 16px;
    padding: 5px;
}

/*------BLOG POST-------*/

h1.entry-title {
text-align: center;
}

#left-area .post-meta {
margin-bottom: 10px;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}

.et_pb_post .entry-content {
    padding-top: 10px;
}

/*------SEARCH PAGE-------*/

.et_pb_post h2 {
    text-align: center;
}

h2.entry-title {
margin-top: 10px;
margin-bottom: 10px;
}

#imagine-search-page {
margin-bottom: 40px;
padding: 40px; 
outline-offset: -20px;
}

#imagine-search-page .et_pb_post {
    margin-bottom: 0;
}

h1.imagine-search {
text-align: center;
padding-bottom: 10px !important;
padding-top: 10px;
margin-bottom: 20px;
}

h4.imagine-read-more {
text-align: center;
font-size: 18px;
padding: 5px;
margin-top: 10px;
margin-bottom: 0px;
}

/*------WOOCOMMERCE STYLING-------*/


/*------WooCommerce Cart Sidebar Widget-------*/

.et_pb_widget woocommerce widget_shopping_cart .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt {
margin-bottom: 0em;
}

.et_pb_widget woocommerce widget_shopping_cart .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: left;
margin-right: 4px;
margin-bottom: 2px;
margin-left: 0px;
margin-top: 6px;
width: 50px;
}

.et_pb_widget woocommerce widget_shopping_cart .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
font-weight: normal;
color: #353535;
}

.et_pb_widget woocommerce widget_shopping_cart .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
font-weight: normal;
}


/*———WooCommcerce Product Lightbox-------*/
a.pp_expand, div.pp_woocommerce div.ppt {
display: none !important;
}

.woocommerce .woocommerce-breadcrumb {
display: none;
}

.woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce a.button:after, .woocommerce-page a.button:after, .woocommerce button.button:after, .woocommerce-page button.button:after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after {
font-family: 'ETModules' !important;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
padding: 4px 0 0;
}

/*———WooCommerce Pages ——— store, checkout etc ——*/

.woocommerce-cart table.cart img {
width: auto;
}

.woocommerce table.shop_table th {
font-weight: normal;
text-align: left;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: normal;
}

h1.page-title, .main_title {
text-align: center;
padding-bottom: 10px !important;
padding-top: 10px;
margin-bottom: 10px;
}

input#coupon_code {
background-color: rgba(130, 104, 116, 0.5) !important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 10px;
}

.cart_totals h2, .shipping_calculator h2 {
margin-bottom: 0px;
text-align: center;
font-size: 22px;
}

table.shop_table {
margin-bottom: 20px !important;
}

.woocommerce-cart .wc-proceed-to-checkout {
padding: 0;
}

/*———WooCommerce Product Pages———*/

.woocommerce div.product form.cart .variations label , .woocommerce td.product-name dl.variation dt {
font-weight: normal;
}

.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
margin-bottom: 0.3em;
}

dd {
margin-left: 0.5em;
}

p.price {
text-align: center;
padding-bottom: 10px !important;
padding-top: 10px;
margin-bottom: 10px;
color: #353535;
}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
min-height: 2.6em !important;
}

.product .related h2 {
text-align: center;
padding-bottom: 10px !important;
padding-top: 10px;
margin-bottom: 20px;
font-size: 20px !important;
}

.product_meta {
border-top: none;
}

.woocommerce div.product .product_title {
clear: none;
border: none !important;
margin-top: 0;
padding: 0;
margin-bottom: 0 !important;
}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text {
height: 39px;
font-size: 18px!important;
font-weight: normal !important;
}

/*———WooCommerce Description and Reviews tabs-------*/

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, .woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt, .woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button {
background: rgba(255, 255, 255, 0) !important;
}

#tab-reviews {
outline: none !important;
}

.wc-tab#tab-reviews, #reviews {
padding: 20px !important;
} 

.woocommerce #reviews h3 {
margin: 0;
padding-top: 5px;
font-size: 16px;
}

.woocommerce #review_form #respond p {
margin: 0 0 0px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a {
font-weight: normal !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before, body.woocommerce .woocommerce-tabs {
border: none;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {
border-right: none;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {
margin-left: 0px;
margin-right: 10px;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li {
border: 1px solid rgba(102, 102, 102, 0.6);
margin-left: 0px;
margin-right: 10px;
}

body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel {
padding: 40px; 
outline-offset: -20px;
margin-top: 20px;
}

.woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 {
margin-bottom: 0px !important;
}

.woocommerce div.product p.stock {
font-size: 1em;
}

/*------WooCommerce Messages-------*/

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
outline-offset: -20px;
padding: 40px !important;
}

.woocommerce span.onsale, .woocommerce-page span.onsale {
font-weight: normal !important;
outline-offset: -5px;
}

/*------MEDIA QUERIES-------*/


@media (min-width: 981px) {
#hide-above-980px {
display: none !important;
}
.related.products .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .related.products .et_pb_column .woocommerce ul.products li.product:nth-child(2n+1), .related.products .woocommerce-page ul.products li.product:nth-child(2n+1) {
clear: both !important;
}
.woocommerce-tabs.wc-tabs-wrapper {
width: 48%;
float: left;
}
.related.products {
width: 48%;
float: right;
}
.related.products li.product {
width: 49% !important;
margin-right: 1% !important;
float: left !important;
margin-bottom: 1em !important;
}
.related.products .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n), .related.products .et_pb_column .woocommerce ul.products li.product:nth-child(2n), .related.products .woocommerce-page ul.products li.product:nth-child(2n) {
margin-right: 0 !important;
}
}

@media (max-width: 1200px) {
.et_pb_row, .container{
width: 90%;
}
.imagine-quote, .imagine-email-optin, .imagine-shop-right-column, #imagine-search-page, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, #sidebar .et_pb_widget, .imagine-hp-about-text, .imagine-text, .wc-tab#tab-description {
 outline-offset: -15px !important;
 padding: 30px !important;
}
.wc-tab#tab-reviews, #reviews {
padding: 15px !important;
}
}

@media (max-width: 980px) {
.imagine-ls-img-title a, .imagine-pt-img-title a, .imagine-home-left-section a  {
width: 98% !important;
}
#homepage-about-text, #homepage-quote {
height: auto !important;
}
.imagine-featured-products .woocommerce ul.products li.product:nth-child(n) {
width: 47.5% !important;
margin: 0 2.5% 2.5% 0 !important;
}
.et_pb_section_first {
padding-top: 75px !important;
}
#hide-below-980px {
display: none !important;
}
.imagine-email-optin .et_pb_newsletter_form p {
width: 49%;
float: left;
margin-right: 1%;
padding-bottom: 1%;
}
}

@media (max-width: 767px) {
body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2 !important;
display: inline-block !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {
display: inline-block !important;
}
.et_pb_column .et_pb_testimonial_description {
text-align: left !important;
}
}

@media (max-width: 600px) {
.imagine-email-optin .et_pb_newsletter_form p {
width: 100%;
float: left;
padding-bottom: 1%;
}
}

@media (max-width: 479px) {
.imagine-featured-products .woocommerce ul.products li.product:nth-child(n) {
    width: 100% !important;
    margin: 0 0 11.5% 0 !important;
}
.et_pb_blog_grid .et_pb_post .post-meta {
padding: 5px 0;
}
}

@media screen and (max-width: 1200px) and (min-width: 1081px)  {
#homepage-about-text p, #homepage-quote p {
font-size: 0.9em !important;
}
}

@media screen and (max-width: 1080px) and (min-width: 981px)  {
#homepage-about-text p, #homepage-quote p {
font-size: 0.8em !important;
}
}

@media screen and (min-width: 980px) and (max-width: 1200px) and (orientation: portrait) {
#homepage-about-text p, #homepage-quote p {
font-size: 1.2em !important;
}
}

@media screen and (max-width: 500px) {
#homepage-about-text p, #homepage-quote p {
font-size: 1em !important;
}
}

@media (max-width: 300px) {
#et-top-navigation {
padding-left: 33% !important;
}
#et_top_search {
display: none;
}
}


/*------Footer image positioning-------*/

@media (min-width: 1201px) {
#footer-bottom {
padding-top: 15%;
}
}

@media (max-width: 1200px) and (min-width: 981px) {
#footer-bottom {
padding-top: 10%;
}
}

@media (max-width: 980px) {
#footer-bottom {
padding-top: 5%;
}
#main-footer {
background-size: 120%;
}
}

@media (max-width: 500px) {
#footer-bottom {
padding-top: 0%;
}
#et-top-navigation {
padding-left: 200px;
}
}