/*
Theme Name: The Illustrated Gallery 2018
Version: 1.2
Description: Child theme for ElegantThemes "Divi"
Author: Canton Becker
Author URI: https://cantonbecker.com
Template: Divi
*/

/*** Hacks to Divi parent theme (if any) noted below


***/


@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');


/*** HEADER AND MENUS ***/

#main-header { z-index: 99; } /* originally 9999, but this occluded ui-front dialogs e.g. for signing up */ 

#et-info { padding-left: 15px; } /* indent phone number */

/* Login menu item */
li.menu-item-576 { background-color: #C44046; }
li.menu-item-576 a { color: #ffffff !important; padding: 3px 10px !important; border: 1px solid rgba(255,255,255,.5); }
li.menu-item-576 a:hover { color: #C13E48 !important; background-color: #FFF; }

/* Search Field */
#tig-search-form input { border: 1px solid #AAA; text-transform: uppercase; font-size: 14px; font-weight: 500; color: #CF3E46; padding: 2px 4px;}
#tig-search-form input::placeholder { color: #999; }

/*** BUTTON STYLE TOP NAVIGATION ***/
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
 padding-bottom: 8px;
}
#top-menu li {
 padding-right: 5px;
}

#top-menu li a {
 background: #F4F1EA; /*** button background ***/
 padding: 8px 8px;
 border-radius: 2px;
}
#top-menu li a:hover, #top-menu li li a:hover { color: #FFF !important; }

#top-menu li a:hover {
 background: #F4F1EA !important; /*** button hover ***/
 color: #000 !important;
}
#top-menu li.current-menu-item > a {
 background: #FFFFFF; /*** button selected page ***/
}
#top-menu .menu-item-has-children > a:first-child:after {
 content: none;
}

.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 8px !important;
	margin-bottom: 42px;
}


/*** HOME PAGE ***/
@media only screen and (max-width: 767px){
.et_pb_slide_image, .et_pb_slide_video {display: block !important;}}
@media only screen and (max-width: 479px){
.et_pb_slide_image, .et_pb_slide_video {display: block !important;}}

body.home div.et_pb_slide_description { padding-top: 50px; }

body.home .et_pb_section_0 .et_pb_column { margin-bottom: 0 !important; }

/*** TYPOGRAPHY ***/

p:last-of-type { padding-bottom: 1em; } /* Restore padding beneath final paragraphs */

.et_pb_bg_layout_dark .et_pb_text_inner a { color: #A4BEB3; font-weight: bold; }
.et_pb_bg_layout_dark .et_pb_text_inner a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; }

p.sortIllustrations { font-size: 16px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; padding: 10px 0;}
p.sortIllustrations select { font-size: 14px; font-weight: bold; color: #BB4246; }

/*** SIDEBAR ***/

@media only screen and (max-width:767px) { 
	.et_pb_section_0 { padding-top: 10px; }
}

p.sidebarSelector { font-size: 13px; border-bottom: 1px solid #DDD; padding: 10px 0;}
p.sidebarSelector select { font-size: 12px; font-weight: bold; color: #BB4246; }

#sidebarSearch { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DDDDDD; }

@media only screen and (min-width:767px) {
	#sidebarSearch { display: none; }
}

h1.elegant { font-family: "Roboto Condensed", Helvetica, Arial, Lucida, sans-serif; font-size: 32px; letter-spacing: .02em; font-weight: 300; line-height: 43px; color: #4A4049; text-transform: uppercase; }
@media only screen and (min-width: 1000px) { 
	h1.elegant { float: left; }
	p.sortIllustrations { text-align: right; }
}

h5 a { color: #BB4246; }
.infoPanel { font-size: 14px; line-height: 18px;}

#artistRelatedStuff { margin-top: 24px; }
#artistRelatedStuff p { font-size: 14px; padding-bottom: 10px; line-height: 1.3em; }
#artistRelatedStuff h5 { margin-top: 10px; text-transform: uppercase; font-weight: 500; font-family: "Lato", Helvetica, Arial, sans-serif;}

#recentlyViewed { margin-top: 15px; }
#recentlyViewed p { padding-bottom: 0; }
#recentlyViewed .singleWorkSmall a button { display: none; }
#recentlyViewed .singleWorkSmall p.paintTitle { line-height: 14px; font-size: 13px; text-transform: capitalize; padding-top: 5px;}
#recentlyViewed .singleWorkSmall p.artistInfo { line-height: 14px; font-size: 10px; text-transform: uppercase; padding-top: 5px;}

/*** Single artwork, e.g. used for featured-artwork shortcode ***/
.singleWork p { padding-bottom: 0; line-height: 1.2em; }
.singleWork p.paintTitle { font-weight: bold; padding-bottom: 0; line-height: 1.2em; }
.singleWorkInfo { margin-bottom: 10px; }
.singleWorkInfo p.mediumInfo { color: #888; font-size: 80%; }
.singleWorkInfo p.artistInfo { text-transform: uppercase; font-size: 75%; padding: 5px 0; }
.singleWorkInfo p.captionText { font-size: 80%; }
.detailbutton { font-size: 14px !important; }
.requestPrice { font-size: 14px; color: #D97457 !important; }
.artworkDetails { font-size: 14px; color: #D97457 !important; line-height: 18px; }

.singleInfoColumn { border-left: 4px solid #ccc; padding-left: 20px; }

.singleWork h5.recent { 
	background-color: rgba(4,185,175,1); 
	padding: 3px; 
    border-radius: 20px;
	color: #FFFFFF; 
	position: absolute; top: 8px; left: 8px; 
	width: 70px; 
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: .05em;
    -webkit-box-shadow: 1px 1px 3px #222;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1px 1px 3px #222;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1px 1px 3px #222;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.singleWork h5.sold { 
	background-color: #BF3E47; 
	padding: 3px; 
    border-radius: 20px;
	color: #FFFFFF; 
	position: absolute; top: 8px; right: 8px; 
	width: 70px; 
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: .05em;
    -webkit-box-shadow: 1px 1px 3px #222;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1px 1px 3px #222;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1px 1px 3px #222;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.singleWork h5.newlyresearched { 
	background-color: #5cbb1e; 
	padding: 3px; 
    border-radius: 20px;
	color: #FFFFFF; 
	position: absolute; top: 8px; left: 8px; 
	width: 140px; 
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: .05em;
    -webkit-box-shadow: 1px 1px 3px #222;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    1px 1px 3px #222;  /* Firefox 3.5 - 3.6 */
    box-shadow:         1px 1px 3px #222;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.singleWork .deleteFromList { text-transform: uppercase; display: inline-block; padding-left: 10px; font-size: 14px; }
span.soldprice { display: inline-block; padding: 1px 5px; color: #BF3E47; font-size: 12px; font-weight: bold; }


input::-webkit-input-placeholder { 
    color: #81aca9; text-transform: uppercase; font-size: 12px; padding-top: 2px;
} 

input::placeholder { 
    color: #81aca9; text-transform: uppercase; font-size: 12px; padding-top: 2px;
} 
input::-ms-input-placeholder { 
    color: #81aca9; text-transform: uppercase; font-size: 12px; padding-top: 2px;
} 
input:-ms-input-placeholder { 
    color: #81aca9; text-transform: uppercase; font-size: 12px; padding-top: 2px;
} 


/*** MODALS ***/
.modalForm label {display: block; text-transform: uppercase; color: #999; font-size: 12px;}
.ui-dialog h4 { text-transform: uppercase; font-size: 16px; }
.ui-dialog p { font-size: 12px; line-height: 15px; color: #666; }
.ui-dialog form { margin-bottom: 10px; }

/*** GRAVITY FORMS ***/
.gform_wrapper .gform_button.button { border: none; color: #ffffff !important; background-color: #F1573E !important; padding: 10px 20px !important; font-size: 20px !important; font-weight: bold !important; }


/*** FOOTER ***/

.singleWorkSmall { clear: left; margin-top: 10px; }
.singleWorkSmall img {float: left; margin: 0px 10px 10px 0; }
.singleWorkSmall p {margin: 0; padding: 0}
.singleWorkSmall .paintTitle { text-transform: uppercase; font-size: 90%; }
.singleWorkSmall .artistInfo { font-weight: bold; }
.singleWorkSmall .newsInfo {  }

#footer-info a { color: #72656e !important; font-weight: 300; font-size: 90%; }

/* Remove bullets and list padding on widgets */
#footer-widgets .footer-widget li:before { display: none; } 
#footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li { padding-left: 0px; }
#footer-widgets h4 { width: 300px; }