/*
Theme Name:  PASSPORT LANGUAGE SOLUTIONS
Theme URI:   https://www.passportlanguagesolutions.co.uk
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Passport Language Solutions.
Author:      HeyWP
Author URI:  https://www.passportlanguagesolutions.co.uk
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.3
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*********************************************************************
********************** FLIP CARD HORIZONTAL **********************
*********************************************************************/

.flip_panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    display: block;
    transform-style: preserve-3d;
}

.flip_panel .front, .flip_panel .back {
    text-align: center;
}

.flip_panel .front {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel.flip .front {
    z-index: 99;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flip_panel.flip .back {
    z-index: 100;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

/*** Flip Card Front box ****/

.flip_box_front_business {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 15px;
    border: 2px solid #1A468B;
    border-radius: 10px;
}

.flip_box_front {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 15px;
    border: 2px solid #DE3340;
    border-radius: 10px;
}

/*** Flip Card Back box ****/
.flip_box_back {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 35px 15px 20px 15px;
    border: 2px solid #ddd;
    border-radius: 10px;
}

/*** Button Learn More ****/
.flip_button {
    display: inline-block;
    margin: 8% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #DE3340;
}

/*** Button Learn More ****/
.flip_button_business {
    display: inline-block;
    margin: 8% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #1A468B;
}

/*** Button Learn More color Text ****/
.flip_button a {
    color: #fff ;
}

/*** Button Learn More color Text ****/
.flip_button_business a {
    color: #fff ;
}

/*** Title Flip Card ****/
.flip_title {
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.15em ;
    display: block;
    font-weight: bold;
}

/*** Icon Flip Card ****/
.flip_icon {
    display: inline-block;
    font-size: 3em;
    margin: 0 auto 7% auto;

    text-align: center;
    padding: 26px;
    border-radius: 50%;
}

.text_flip_card {
    padding: 0 7%;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/


.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container {
	width: 50% !important;
}

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/

/**************************** Toggles **************************/

.toggle_custom_3.et_pb_toggle {
    border: none;
    border-bottom: 4px solid #ddd !important;
    transition: 0.4s !important;
}

.toggle_custom_3.et_pb_toggle_open{
    border-bottom: 4px solid #ed1a39 !important;
    }

.toggle_custom_3 .et_pb_toggle_title:before {
    font-size: 50px !important;
    content: "3" !important;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}

.toggle_custom_3.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #ed1a39;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**************************** Toggles **************************/

.toggle_custom_3_blue.et_pb_toggle {
    border: none;
    border-bottom: 4px solid #ddd !important;
    transition: 0.4s !important;
}

.toggle_custom_3_blue.et_pb_toggle_open{
    border-bottom: 4px solid #154c91 !important;
    }

.toggle_custom_3_blue .et_pb_toggle_title:before {
    font-size: 50px !important;
    content: "3" !important;
    -webkit-transition: 0.4s !important;
    transition: 0.4s !important;
}

.toggle_custom_3_blue.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #154c91;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**************************** Costs **************************/


@media screen and (min-width: 850px)
.costs:not(:last-child) {
    margin-right: 6%;
}

@media screen and (min-width: 1170px)
.costs {
    min-height: auto;
}

@media screen and (min-width: 1000px)
.costs {
    padding: 25px 40px;
}

@media screen and (min-width: 850px)
.costs {
    float: left;
    min-height: 170px;
    width: 47%;
}

.costs {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin: 0 auto 20px auto;
    max-width: 1000px;
    padding: 25px;
}

@media screen and (min-width: 1000px)
.costs-column:not(:last-child) {
    margin-bottom: 0;
}

.costs-column:not(:last-child) {
    margin-bottom: 20px;
}

@media screen and (min-width: 1000px)
.costs-column {
    display: inline-block;
    float: left;
    width: 70%;
}

@media screen and (min-width: 1000px)
.costs-column {
    display: inline-block;
    float: left;
    width: 70%;
    padding-right: 20px;
}

@media screen and (min-width: 1000px)
.costs–narrow {
    text-align: center;
    width: 30% !important;
}

@media screen and (min-width: 1000px)
.costs-column {
    display: inline-block;
    float: left;
    width: 70%;
    padding-right: 20px;
}

/*------------------------------------------------*/
/*-----------------[Woo Buttons]------------------*/
/*------------------------------------------------*/

a.button.wc-backward, .woocommerce-page.et_pb_button_helper_class input.button {
    color: #fff !important;
}

.woocommerce div.product form.cart .button, p.return-to-shop a.button.wc-backward:hover {
	color: #ED1A39 !important;
}

.woocommerce div.product form.cart .button:hover {
	color: #ED1A39 !important;
	background-color: #fff !important;
	border: 1px solid #fff;
}



a.checkout-button.button.alt.wc-forward {
        color: #fff !important;
}

.woocommerce div.product form.cart .button {
	color: #fff !important;
}

/*------------------------------------------------*/
/*--------------------[Woo Stuff]-----------------*/
/*------------------------------------------------*/

span.progress.statement.course-completion-rate, div.meter.red, section.course-meta.course-enrolment, input.quiz-submit.complete {
    display: none;
}

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

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

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}