/*-------------------------------------------------------
Theme Name: The Little Picture Gallery
Theme URI: https://arrowandlime.uk
Description: A customized version of Divi which adds a number of features needed for The Little Picture Gallery.
Author: Lee Cornwell
Author URI: http://deadlyrhubarb.com
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/



/*************--------- WHOLE SITE ----------***/

/* COLOURS */
/*
 * RED - #dc4000
 * DARK GREY - #444444
 * LIGHT GREY - rgba(214,214,214,0.5)
 */



/****** MAIN MENU */

header#main-header .container 
{width: 100%;
max-width: 100vw;}


/****** FOOTER */
#footer-info 
{padding-bottom: 0px;
font-size: 13px;}

#footer-info, #footer-info a, #footer-bottom .et-social-icon a
{color: rgba(255, 255, 255, 0.4) !important;}

#footer-bottom 
{padding: 7px 0;}




/*********** GLOBAL SECTIONS */

#m-contact-footer-all
{}

#m-contact-footer-all .et_pb_fullwidth_header 
{padding: 15px 0;}

#m-contact-footer-all .et_pb_fullwidth_header .header-content
{/*border: solid 1px #dc4000;*/
    padding: 5% 8%;
    border-radius: 2px;
    width: 86%;
    max-width: 100%;}

	@media (max-width: 480px)
	{#m-contact-footer-all .et_pb_fullwidth_header .header-content
		{width: 95%;}}

#m-contact-footer-all .et_pb_fullwidth_header .header-content .et_pb_fullwidth_header_subhead
{width: 70%;
    margin: 0 auto;
    line-height: 19px;
    font-size: 15px;}

	@media (max-width: 480px)
	{#m-contact-footer-all .et_pb_fullwidth_header .header-content .et_pb_fullwidth_header_subhead
		{width: 100%;}}

#m-contact-footer-all .et_pb_fullwidth_header .header-content h1, #m-contact-footer-all .et_pb_fullwidth_header .header-content .et_pb_fullwidth_header_subhead, #m-contact-footer-all .et_pb_fullwidth_header .header-content a.et_pb_button
{color: #444444 !important;}

#m-contact-footer-all .header-content .m-contact-footer-divider
{width: 20%;
    border-bottom: solid 2px #444444;
    margin: 0 auto;
    padding: 3% 0 0;}

#m-contact-footer-all .header-content a.et_pb_button
{padding: 2px 10px !important;
    border-radius: 0px;
    font-size: 18px !important;
    transition: 0.7s;
    background: transparent;
   /* border-bottom: solid 1px #dc4000!important;
    border-top: solid 1px #dc4000!important;*/}

#m-contact-footer-all .et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content a.et_pb_button:hover
{color: #dc4000 !important;
background: rgba(255,255,255,0.9) !important;
transition: 0.7s;}






/************ SECTIONS USED ON MULTIPLE PAGES */

/* SECTION 1 - FW HEADER */
.m-allpages-fwhead-sec1
{padding: 5% 0;}

.m-allpages-fwhead-sec1 .et_pb_fullwidth_header .header-content h1
{padding-bottom: 0px;
font-size: 50px;}

/* SECTION 2 - GRID */

.m-allpages-grid-sec2
{padding: 0 0 5% !important;}

.m-allpages-grid-sec2 .m-row1
{padding: 0 0;
width: 65%;
max-width: 1080px;}










/************ HOME PAGE ***/



/* SLIDER */

.m-home-slider-sec1
{padding: 0 0 !important;}

.m-home-slider-sec1 .m-row1
{width: 100%;
max-width: 1600px;
padding: 0;}

.m-home-slider-sec1 .m-row1 .et_pb_slider .et_pb_slide
{min-height: 500px;}

	@media (max-width: 480px)
	{.m-home-slider-sec1 .m-row1 .et_pb_slider .et_pb_slide
		{min-height: 300px !important;
		background-position: center;}}

.m-home-slider-sec1 .m-row1 .et_pb_slider .et-pb-arrow-next, .m-home-slider-sec1 .m-row1 .et_pb_slider .et-pb-arrow-prev
{color: #444444 !important;}


/* BUTTON */

.m-home-slider-sec1 .et_pb_slide_description
{padding: 24% 8% 0%;}

.m-home-slider-sec1 .et_pb_slide a.et_pb_button
{transition: 1s;}

.m-home-slider-sec1 .et_pb_slide a.et_pb_button:hover
{transition: 1s;
border: none !important;}

.m-home-slider-sec1 .et_pb_slide_0 a.et_pb_button
{background-color: rgba(62, 61, 123, 0.9);}

.m-home-slider-sec1 .et_pb_slide_1 a.et_pb_button
{background-color: rgba(66, 52, 38, 0.9);}

.m-home-slider-sec1 .et_pb_slide_2 a.et_pb_button
{background-color: rgba(241, 129, 68, 0.9);}

.m-home-slider-sec1 .et_pb_slide_3 a.et_pb_button
{background-color: rgba(90, 158, 141, 0.9);}

.m-home-slider-sec1 .et_pb_slide_4 a.et_pb_button
{background-color: rgba(251, 60, 98, 0.9);}

.m-home-slider-sec1 .et_pb_slide_5 a.et_pb_button
{background-color: rgba(181, 65, 65, 0.9);}

.m-home-slider-sec1 .et_pb_slide_0 a.et_pb_button:hover
{background-color: rgba(62, 61, 123, 0.6) !important;}

.m-home-slider-sec1 .et_pb_slide_1 a.et_pb_button:hover
{background-color: rgba(66, 52, 38, 0.6) !important;}

.m-home-slider-sec1 .et_pb_slide_2 a.et_pb_button:hover
{background-color: rgba(241, 129, 68, 0.6) !important;}

.m-home-slider-sec1 .et_pb_slide_3 a.et_pb_button:hover
{background-color: rgba(90, 158, 141, 0.6) !important;}

.m-home-slider-sec1 .et_pb_slide_4 a.et_pb_button:hover
{background-color: rgba(251, 60, 98, 0.6) !important;}

.m-home-slider-sec1 .et_pb_slide_5 a.et_pb_button:hover
{background-color: rgba(181, 65, 65, 0.6) !important;}





.m-home-blurbs-sec2 .et_pb_button:hover
{background: rgba(234, 234, 234, 0.5)!important;}




/* Catalogue being built */

.m-home-sec3
{}

.m-catalogue-all
{}

.m-catalogue-all .header-content 
{text-shadow: 0px 2px 4px black;
font-size: 20px;
font-weight: 400;}

.m-catalogue-all .header-content h1
{text-shadow: 0px 2px 4px black;
font-size: 36px;
    font-weight: 600;}





/********* ARTISTS PAGE */

.m-artists-grid-sec2 
{}


/* ESSENTIAL GRID */
#esg-grid-7-1-wrap .esg-entry-cover .eg-mskin-artists-4-container
{transition: 0.3s !important;}




/* GREETINGS CARDS - SHOP NOW */

.m-greetingcards-shopnow-all
{}

.m-greetingcards-shopnow-all .header-content 
{text-shadow: 0px 2px 4px black;}

.m-greetingcards-shopnow-all .header-content h1
{text-shadow: 0px 2px 4px black;}

.m-greetingcards-shopnow-all .header-content a.et_pb_button
{}

.m-greetingscards-contactus-all
{}

.m-greetingscards-contactus-all .header-content 
{text-shadow: 0px 2px 4px black;
font-size: 20px;
font-weight: 400;}

.m-greetingscards-contactus-all .header-content h1
{text-shadow: 0px 2px 4px black;
font-size: 36px;
    font-weight: 600;}

.m-greetingscards-contactus-all .header-content a.et_pb_button
{background-color: rgba(255, 255, 255, 0.8);
    color: #252525;}




/******* INDIVIDUAL ARTIST PAGE - ALL ***/

.m-artistproject-fwhead-sec1
{padding: 5% 0;}

.m-artistproject-fwhead-sec1 .et_pb_fullwidth_header .header-content h1
{padding-bottom: 0px;
font-size: 50px;}


.m-artistproject-bio-sec2
{padding: 0 0 !important;}

.m-artistproject-bio-sec2 .m-row1
{padding: 0 0;
width: 65%;
max-width: 1080px;}

.m-artistproject-bio-sec2 h2
{font-size: 32px;}

.m-artistproject-bio-sec2 .et-learn-more span.et_learnmore_arrow span
{display: none;}

.m-artistproject-bio-sec2 .et-learn-more
{border: none;
    box-shadow: none;}

.m-artistproject-bio-sec2 .et-learn-more h3
{color: #de5a2e;
padding: 10px 0;
    background: none;
    font-size: 18px;
    text-align: center;
    border: none;
    width: 15%;
    margin: 0 auto !important;
min-width: 85px;}

.m-artistproject-bio-sec2 .et-learn-more .et_learnmore_arrow
{width: 0 !important;
border: none;
border-left: none;
box-shadow: none !important;
right: 54px;}

.m-artistproject-bio-sec2 .et-learn-more .et_learnmore_arrow:after
{color: #de5a2e;
font-size: 26px;
font-family: ETmodules!important;
font-weight: 100;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
content: "\35";
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
left: 0px;
    top: 25%;}

.m-artistproject-bio-sec2 .et-learn-more .learn-more-content 
{padding: 15px 0px 0px;
    border: none;
    border-top: none;}


.m-artistproject-bio-sec2 .et-learn-more .open .et_learnmore_arrow:after
{transform: rotate(90deg);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;}


/* SHOP SECTION */

.m-artistproject-shop-sec3
{}

.m-artistproject-shop-sec3 .m-row1
{padding: 0 0;
width: 65%;
max-width: 1080px;}

.m-artistproject-shop-sec3 .et_pb_text
{padding: 50px 0 0px;
margin-bottom: 0;}

.m-artistproject-shop-sec3 .et_pb_text h2
{font-size: 32px;}

.m-artistproject-shop-sec3 .et_shop_image, .m-artistproject-shop-sec3 .et_shop_image:hover, .m-artistproject-shop-sec3 .et_overlay:hover
{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}

.m-artistproject-shop-sec3 .et_overlay
{-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
border: none;
border-radius: 2px;}

.m-artistproject-shop-sec3 .et_overlay:before, .m-artistproject-shop-sec3 .et_overlay.et_pb_inline_icon:before, .m-artistproject-shop-sec3 .et_pb_inline_icon:before
{content: "\55" !important;
color: #dc4000 !important;
top: 50%;
left: 50%;
font-size: 28px;}

.m-artistproject-shop-sec3 li.product .woocommerce-loop-category__title, .m-artistproject-shop-sec3 li.product .woocommerce-loop-product__title, .m-artistproject-shop-sec3 li.product h3
{font-size: 22px !important;
padding: 15px 0 10px !important;}

.m-artistproject-shop-sec3 .woocommerce-page.columns-3 ul.products li.product, .m-artistproject-shop-sec3 .woocommerce.columns-3 ul.products li.product
{text-align: center;}

/* INDIVIDUAL PRODUCT PAGE */

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

.woocommerce-page div.product div.images
{width: 30%;
margin: 0 11%;}

.woocommerce div.product h1.product_title
{font-size: 36px;}

.woocommerce-page div.product p.price
{padding-bottom: 10px;}

.woocommerce div.product form.cart .variations 
{width: 55%;}

.woocommerce div.product form.cart .variations select
{min-width: 150px !important;}

.woocommerce-page .quantity input.qty
{width: 65px;
    padding-left: 8px;}

.woocommerce button.button.alt.disabled
{background-color: #dc4000 !important;
transition: 0.4s;}

.woocommerce button.button.alt
{background-color: #dc4000 !important;
color: #ffffff !important;
transition: 0.4s;}

.woocommerce div.product form.cart .button:hover
{background: rgba(220, 65, 0, 0.75)!important;
transition: 0.4s;}

.woocommerce div.product .product_meta
{width: 65%;}

.woocommerce div.product .product_meta span.posted_in
{display: none;}

.woocommerce div.product .product_meta span.tagged_as
{display: block;}

.woocommerce div.product div.summary 
{margin-bottom: 10%;}

body.woocommerce .woocommerce-tabs 
{border-radius: 3px;
    width: 85%;
    margin: 0 auto 6%;}

section.related.products
{width: 85%;
    margin: 0 auto;}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger
{top: 0;
right: 0;
background: #f5f5f5;}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before
{border: 2px solid #c3c3c3;}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after
{background: #c3c3c3;}


.woocommerce div.pswp .pswp__caption
{display: none;}





/**************          WOOCOMMERCE           *********************/

/*** MESSAGE ***/

.woocommerce-message
{border-radius: 4px !important;}

.woocommerce-message a
{color: white !important;}

/* text colour of buttons, within message box */
.woocommerce .woocommerce-message a.button, .woocommerce-page .woocommerce-message a.button
{background: rgb(222, 222, 222) !important;
    color: rgba(221, 64, 1, 1) !important;}

.woocommerce .woocommerce-message a.button:hover, .woocommerce-page .woocommerce-message a.button:hover
{background: rgba(222, 222, 222, 0.7) !important;
    color: rgba(221, 64, 1, 0.7) !important;}




/*** CART ***/

.woocommerce-cart .woocommerce input.button
{}

.woocommerce-cart .woocommerce input.button:hover, .woocommerce-cart .woocommerce a.button:hover, .woocommerce-cart .woocommerce a.button.alt:hover
{background: rgba(214, 214, 214, 0.3) !important;
    color: rgba(221, 64, 1, 0.7) !important;}





/*** THANK YOU MESSAGE - ORDER COMPLETE ***/

p.woocommerce-thankyou-order-received
{font-size: 2.5em;
    margin: 0% 0 8%;
    font-family: 'Poiret One';
    line-height: 2em;}





/*** PRODUCT IMAGES - LIGHTBOX ***/

/* image caption - position */
.pswp__caption__center 
{max-width: 48%;}











/*********     ABOUT US PAGE      ********/

.m-about-sec2
{padding: 0 0 5% !important;}

.m-about-sec2 .et_pb_row
{padding: 0 0;
width: 65%;
max-width: 1080px;}



.m-about-sec3 .m-row1
{width: 65%;
max-width: 1080px;}

.m-about-sec3 .m-row2
{width: 55%;
max-width: 1080px;}

.m-about-sec3 .m-row2 h5
{font-size: 24px !important;}







/*********     CONTACT US PAGE      ********/

.m-contact-sec2
{padding: 0 0 5% !important;}

.m-contact-sec2 .et_pb_row
{}

.m-contact-sec2 .m-row1
{width: 65%;
max-width: 1080px;}

.m-contact-sec2 .m-row2
{max-width: 50%;
    min-width: 340px;
    background: #ededed36;
    padding: 10px;
    border-radius: 4px;}

	@media (max-width: 480px)
	{.m-contact-sec2 .m-row2
		{min-width: 240px;}}


.m-contact-sec2 .et_pb_row .et-pb-icon 
{font-size: 36px;}

.m-contact-sec2 .et_pb_button:hover
{background-color: rgba(214,214,214,0.5) !important;}