/*
 Theme Name:   Petal Child Theme
 Theme URI:    http://petal.aislinthemes.com/
 Description:  Petal Child Theme
 Author:       Aislin
 Author URI:   http://aislinthemes.com
 Template:     petal
 Version:      1.0.0
 Tags:
 Text Domain:
*/
/* =Theme customization starts here
-------------------------------------------------------------- */ 
:root {
	--wrapper: 1400px;
	--accentfont: Oswald;	
	--fontfamily: Montserrat, sans-serif;
	
	--header-desktop-bg: black;
	--header-nav-color: #fff;
	--mobile-header-bg: #000;
	--mobile-menu-icon-color: #fff;
	
	--footer-bg: #000;
}

/* -------------------------------------------------- */
/* Petal Styles                                       */
/* -------------------------------------------------- */
.wh-header{
	padding: 0 !important;
}
.vc_column-inner{
    max-width: var(--wrapper);
    margin: 0 auto;
}

/* -------------------------------------------------- */
/* General Styles                                     */
/* -------------------------------------------------- */
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}

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


#sdm-header{
	background: var(--header-desktop-bg);
	padding-top: 10px;
	padding-bottom: 10px;
}


#sdm-navigation a{
	color: var(--header-nav-color);
	padding: 10px;
	text-transform: uppercase;
	font-family: var(--accentfont);
}
#sdm-navigation a:hover{
	color: var(--main-color);
}


.sdm-button {
    border: 1px solid #FF0000 !important;
    background: transparent !important;
    border-bottom-left-radius: 15px !important;
    margin: 0 10px;
    font-family: var(--accentfont) !important;
}




/* -------------------------------------------------- */
/* SDM Footer                                         */
/* -------------------------------------------------- */
#sdm-footer{
	background: var(--footer-bg);
}