/*======================================
Theme Name: TM Divi Child
Theme URI: https://Taigmarks.com
Description: Child theme of Divi
Version: 1.0
Author: J calcagno
Author URI: https://Taigmarks.com
Template: Divi
======================================*/

/*This stylesheet is required by Wordpress to function with the Parent Divi theme.
 * You can alter anything below here. Ready made mobile queries and a table of contents has been
 * created for you. Including basic Gravity Forms styling, :selection styling, and some helper classes.
 * 
 * Happy Coding! 
 * -Samuel Wood
*/

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*
 * Table of Contents
 * a. Helper Classes
 * 1. Typography
 * 2. Global Elements
 * 3. Modules
 * 4. Page Specific CSS
 * 5. Mobile
 * 
*/

/* 
********
a. Helper Classes
********
*/


.text-right {
    text-align: right;
}

.d-inline {
    display: inline-block;
}

.column-50-sm {
    width: 50%;
    float: left;
    font-size: 16px;
}

@media only screen and (max-width : 450px) {
    .column-50-sm {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 980px) {

    /*Add the mflip class to the custom css of a row to reverse order of elements on mobile*/
    .mflip {
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse !important;
    }

    /*Add the two-columns class on row css to keep modules in two columns on mobile*/
    .two-columns .et_pb_column {
        width: 50% !important;
    }
}




/* 
********
1. Typography
********
*/

    /*Style what happens when a user selects text*/
    ::selection {
        background: #2c3e50;
        /* WebKit/Blink Browsers */
        color: #F8F8F8;
    }

    ::-moz-selection {
        background: #2c3e50;
        /* Gecko Browsers */
        color: #F8F8F8;
    }



/* 
********
2. Global Elements 
********
*/

    /*Header*/
    /*Add CSS for collapsible menu items for header
        To use add .first-level to parent menu item
        Add .second-level to child menu item
    
*/
	.et_mobile_menu .first-level > a {
		background-color: transparent;
		position: relative;
	}
	.et_mobile_menu .first-level > a:after {
		font-family: 'ETmodules';
		content: '\4c';
		font-weight: normal;
		position: absolute;
		font-size: 16px;
		top: 13px;
		right: 10px;
	}
	.et_mobile_menu .first-level > .icon-switch:after{
		content: '\4d';
	}
	.second-level {
		display: none;
	}
	.reveal-items {
		display: block;
	}


     /*Yoast SEO Breadcrumb*/

    .yoast_breadcrumb {
        font-size : 14px;
    }

    .yoast_breadcrumb a {
        color: rgba(31,31,31,.4) !important;
        transition : .4s ease all;
    }

    .yoast_breadcrumb a:hover {
        color : #731B36 !important;
    }

   


    /*Footer*/





/* 
********
3. Modules 
********
*/







/* 
********
4. Page Specific CSS 
********
*/




/* 
********
5. Mobile Queries
********
*/


    /*** Responsive Styles Large Desktop And Above ***/
    @media all and (min-width: 1405px) {
        
    }

    /*** Responsive Styles Standard Desktop Only ***/
    @media all and (min-width: 980px) and (max-width: 1405px) {
        
    }

    /*** Responsive Styles Standard Desktop and Up***/
    @media all and (min-width: 980px) {
        
    }

    /*** Responsive Styles Tablet And Below ***/
    @media all and (max-width: 980px) {
        
    }

    /*** Responsive Styles Tablet Only ***/
    @media all and (min-width: 768px) and (max-width: 980px) {
        
    }

    /*** Responsive Styles Smartphone Only ***/
    @media all and (max-width: 767px) {
        
    }

    /*** Responsive Styles Smartphone Portrait ***/
    @media all and (max-width: 479px) {
        
    }