/*
Theme Name: Christine's Cakes
Description: This is a custom child theme for Christine's Cakes
Theme URI:   https://christinescakesandpastries.com
Author: Geek Town USA
Author URI:  https://www.geektownusa.com
Template: Divi
Version: 1.0.0
*/

/*-------------------------------------------------
Globals
-------------------------------------------------*/

body {
	font-family: sofia-pro, sans-serif !important;
}

h2 { font-family: trajan-pro-3, serif !important; text-transform: uppercase; }

h4 { font-family: sofia-pro, sans-serif !important; font-weight: 600; font-size: 1.25rem; }

div { line-height: 1.4; }

.cc-txtmd { font-size: 1.625rem; }

.cc-trajan { font-family: trajan-pro-3, serif !important; }
.cc-sofia { font-family: sofia-pro, sans-serif !important; }

.cc-red { color: #8f0000 !important; }
.cc-wine { color: #730604 !important; }
.cc-latte { color: #e9cfa0 !important; }
.cc-gold { color: #dca850 !important; }
.cc-cream { color: #f9eace !important; }
.cc-caramel { color: #c96c3a !important; }

.cc-bgcream { background-color: #f9eace !important; }

.cc-tangradient { 
	background: #e2ba74;
	background: -moz-linear-gradient(top,  #e2ba74 0%, #eacfa0 50%, #e5c799 100%);
	background: -webkit-linear-gradient(top,  #e2ba74 0%,#eacfa0 50%,#e5c799 100%);
	background: linear-gradient(to bottom,  #e2ba74 0%,#eacfa0 50%,#e5c799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ba74', endColorstr='#e5c799',GradientType=0 );

}

.cc-redgradient {
	background: #730604;
	background: -moz-linear-gradient(top,  #730604 0%, #8f0000 50%, #730604 100%);
	background: -webkit-linear-gradient(top,  #730604 0%,#8f0000 50%,#730604 100%);
	background: linear-gradient(to bottom,  #730604 0%,#8f0000 50%,#730604 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730604', endColorstr='#730604',GradientType=0 );
}

.cc-doublebottombordertan { border-bottom: 4px double #e9cfa0; padding-bottom: 0.5rem !important; }

.cc-tanbutton { -webkit-box-shadow:inset 0 0 20px 0 #e2bb77; box-shadow:inset 0 0 20px 0 #e2bb77; }

.cc-disclaimer { font-style: italic; font-size: 0.8rem; }

.cc-goldlineaccent { background: url('/wp-content/uploads/christinescakes_goldlinebg.png') repeat-x center; }
.cc-goldlineaccent span { padding: 0 1rem; }


/*-------------------------------------------------
Layout
-------------------------------------------------*/

.cc-flex { display: flex; }
	
.cc-flex div { flex-basis: 50%; display: inline-block; padding-right: 1rem; }

.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 15px;
}
.inline-buttons {
    text-align: center !important; 
    /* Change "Center" to left or right as you need, 
    to align the buttons to the sides rather than the 
    center of the column */
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .two-columns-mobile .et_pb_column { width: 50% !important; }
}

/*-------------------------------------------------
Elements
-------------------------------------------------*/

@media only screen and (max-width: 767px) {
    .et_pb_button.mobile-fullwidth { width: 100% !important; }
}

/*-------------------------------------------------
Header
-------------------------------------------------*/

.et_pb_menu_0_tb_header.et_pb_menu {
    background-color: transparent !important;
}

.cc-header img { max-height: 80px; margin-top: 1.5em; }

.cc-header .contact-bug div { position: relative; display: inline-block; color: #fff; background: #8f0000; padding: 0.5rem; font-size: 1.625rem; }

.cc-header .contact-bug div:before {
	z-index: -1;
		content: "";
		position: absolute;
		left: -5%;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: inherit;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		transform: skewX(30deg);
}

.cc-header .contact-bug div a { color: #fff !important; }
.cc-header .contact-bug div a:hover, .cc-header .contact-bug div a:active { color: #f9eace !important; }
.cc-header .contact-bug div i { padding: 0 0.25rem; }

.et-db #et-boc .et-l .et-menu li li a { width: 260px; }

.et-db #et-boc .et-l .nav li ul { background-color: #fbf4e8 !important; }

.et-db #et-boc .et-l .et-menu li li.menu-item-has-children>a:first-child:after {
    top: 5px;
}

.et-db #et-boc .et-l .nav li li ul { left: 300px; } 

.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu { background-color: #fbf4e8 !important; }

/*-------------------------------------------------
Footer
-------------------------------------------------*/

.cc-footerwidgets h3 { font-family: trajan-pro-3, serif !important; color: #8f0000; font-size: 1.625rem; text-transform: uppercase; }

.cc-footerlist { color: #fff; }
.cc-footerlist h3 { font-family: trajan-pro-3, serif !important; color: #e9cfa0; }

.cc-copyright a { color: #fff; }

/*-------------------------------------------------
Pages
-------------------------------------------------*/

/* Homepage */

.cc-sloganbar div { font-family: trajan-pro-3, serif !important; font-size: 2.25rem; color: #e9cfa0; letter-spacing: 0.025em; line-height: 1.2 !important; }

.cc-pgtitle h1 { font-family: trajan-pro-3, serif !important; font-size: 2.25rem; color: #e9cfa0; letter-spacing: 0.025em; line-height: 1.2 !important; }

.entry-content thead th, .entry-content tr th { color: #c96c3a !important; }

.entry-content table:not(.variations) { border: 1px solid transparent; }


/*-------------------------------------------------
Forms
-------------------------------------------------*/

.gform_body input.text, .gform_body input.title, .gform_body input[type=email], .gform_body input[type=password], .gform_body input[type=tel], .gform_body input[type=text], .gform_body select, .gform_body textarea {
    background-color: #fbf4e8 !important;
    border: none !important;
	border-radius: 10px !important;
    padding: 1rem 1.5rem !important;
    color: #190401 !important;
}

.gform_wrapper .gform_footer { padding: 0 0 10px 0 !important; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { padding: 0.3em 1em!important; font-family: trajan-pro-3, serif !important; letter-spacing: 1px; background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); background-color: #E9CFA0; box-shadow: inset 0 0 20px 0 #e2bb77; border-radius: 3px; border: none !important; color: #8f0000 !important; text-transform: uppercase; }

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover { background-color: #f9eace !important; }