/* 
 Theme Name:     Proposals
 Author:         A Pretty Brand
 Author URI:     http://aprettybrand.com
 Template:       Divi
 Version:        1.0
 Description:   A theme custom built by A Pink Sunset & A Pretty Brand.
 Wordpress Version: 5.3.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*----------------------------------------------------*/
/*-------Gradient Snakeline Layout by Divi Soup-------*/
/*----------------------------------------------------*/


/*Add the start and end circles*/

.ds-timeline::before,
.ds-timeline::after {
    content: '';
    background: #fff;
    height: 30px;
    width: 30px;
    border: 5px solid;
    border-radius: 50%;
    position: absolute;
    right: calc(50% - 15px);
    z-index: 1;
}


/*Style & position start circle*/

.ds-timeline::before {
    border-color: #29c4a9;
    top: -17.5px;
}


/*Style & position end circle*/

.ds-timeline::after {
    border-color: #e02b20;
    bottom: -17.5px;
}


/*Verticaly align module content*/

.ds-timeline .et_pb_row .et_pb_module {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*Size & position the row background gradients*/

.ds-timeline .et_pb_row:nth-of-type(odd) {
    background-size: 50% 100%;
    background-position: left;
}

.ds-timeline .et_pb_row:nth-of-type(even) {
    background-size: 50% 100%;
    background-position: right;
}


/*Add the white backgrounds to create the lines*/

.ds-timeline .ds-left::before,
.ds-timeline .ds-right::before {
    content: '';
    background: #fff;
    height: calc(100% - 10px);
    width: calc(100% - 5px);
    position: absolute;
    top: 5px;
}


/*Position & radius for left*/

.ds-timeline .ds-left::before {
    left: 5px;
    border-radius: 105px 0 0 105px;
}


/*Position & radius for right*/

.ds-timeline .ds-right::before {
    right: 5px;
    border-radius: 0 105px 105px 0;
}


/*Adjust for mobile*/

@media all and (max-width: 980px) {
    /*Reverse columns on even rows*/
    .ds-timeline .et_pb_row:nth-of-type(even) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    /*Center the heading*/
    .ds-timeline h2 {
        text-align: center;
    }
    /*Adjust border radii for white background*/
    .ds-timeline .ds-left::before {
        border-radius: 50px 0 0 50px;
    }
    .ds-timeline .ds-right::before {
        border-radius: 0 50px 50px 0;
    }
    /*Adjust border radii for row background (gradients)*/
    .ds-timeline .et_pb_row:nth-of-type(odd) {
        border-radius: 55px 0 0 55px;
    }
    .ds-timeline .et_pb_row:nth-of-type(even) {
        border-radius: 0 55px 55px 0;
    }
}

.pink-link a {color: #ffa1c5 !important;}

.pink-link.current-menu-item a {background-color: #ffa1c5 !important; color: #ffffff !important;}

.coral-link a {color: #ffb1ab !important;}

.coral-link.current-menu-item a {background-color: #ffb1ab !important; color: #ffffff !important;}

.orange-link a{color: #fbba7f !important;}

.orange-link.current-menu-item a {background-color: #fbba7f !important; color: #ffffff !important;}

.yellow-link a{color: #f9d14d !important;}

.yellow-link.current-menu-item a {background-color: #f9d14d !important; color: #ffffff !important;}

.light-coral-link a{color: #ffc5c6 !important;}

.light-coral-link.current-menu-item a {background-color: #ffc5c6 !important; color: #ffffff !important;}

.light-green-link a{color: #c7e3db !important;}

.light-green-link.current-menu-item a {background-color: #c7e3db !important; color: #ffffff !important;}

.green-link a{color: #a2e9e3 !important;}

.green-link.current-menu-item a {background-color: #a2e9e3 !important; color: #ffffff !important;}

.dark-green-link a{color: #5fdad1 !important;}

.dark-green-link.current-menu-item a {background-color: #5fdad1 !important; color: #ffffff !important;}

.callout-button a {
color: #ffffff !important;
background-color: #fffff !important;
padding: 7px 5px;
border-radius: 10px;
border: 1px solid #ff0000;
-webkit-transition: all 400ms;
transition: width all 400ms;
}

.callout-button a:hover {
background-color: #ff0000;
border: 1px solid #00ff00;
-webkit-transition: all 400ms;
transition: width all 400ms;
}

.callout-button a:after {
display: none !important;
}


/*----------------------------------------------------*/
/*-----End Gradient Snakeline Layout by Divi Soup-----*/
/*----------------------------------------------------*/


@media (max-width:980px) {
	.reverse-columns-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media (max-width:980px) {
	.center-text-mobile,
	.center-text-mobile .et_pb_text_inner,
	.center-text-mobile .et_pb_social_media_follow {
		text-align: center!important;
	}
}

	.et_vertical_nav #main-header #top-menu>li>a {font-family: Raleway; font-size: 14px; text-transform: uppercase; background: #f9f9f9; letter-spacing: 4px; padding-right: 0px !important; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; margin-left: -40px; padding-left: 30px;}

.et_vertical_nav #page-container #main-header {background: #f9f9f9; }

.et_vertical_nav #main-header #top-menu>li>a:hover {background: #e5e5e5;}

@media (min-width: 981px) {
.et_vertical_nav #page-container #main-header{
width:25%;
}

.et_vertical_nav #et-main-area, .et_vertical_nav #top-header{
margin-left:25% !important;
}
}

@media (min-width: 981px) {
.et_vertical_nav #main-header #logo {
    max-height: none;
    padding: 0;
    margin-top: -25px;
    margin-bottom: -25px;
	}}