/*

Theme Name: Divi Child
Description: Child theme of Divi
Author: Poppyvine
Version: 0.0.1
Template: Divi

STYLE MENU 
1. Colors
2. General Styles
3. Header Styles
4. Home Styles
5. Page Styles
6. Blog Styles
7. Form Styles
8. Footer Styles
9. Mobile Styles
*/


/* 1. COLORS 
 * 
 * 
 * */


/*  2. GENERAL STYLES   */

body, p, a, #our-services .services-overview h3, .sweet-sans, textarea, input {
	font-family: sweet-sans-pro, sans-serif !important;
	/* Regular 600, Reg Italic 600, Medium 700, Medium Italic 700, Bold 800, Heavy 900 */
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'gt-sectra-bold',Georgia,"Times New Roman",serif;
}


ul.wpv-loop.js-wpv-loop { padding: 0; list-style: none; }
.two-col li { width: 47.5%; float: left; margin-right: 5%; }
.two-col li:nth-child(2n) { margin-right: 0%; }

.icon::before { font-family: 'ETmodules';  }
.icon.phone::before { content: "\e00b";  }	  /* Ghost Phone: "\e010"; Solid Phone: "\e090"; Mobile Phone: "\e00b" */
.icon.email::before {  content: "\e076";  }   /* Ghost Email: "\e010"; */
.icon.address::before { content: "\e081";  }  /* Ghost Location: "\e081" */
.icon.phone::before, .icon.email::before, .icon.address::before { margin-right: 5px; position: relative; top: 2px; }
#footer-contact .icon:before, #contact-page .icon:before { margin-right: 20px; }

span.up-title { display: block; text-transform: uppercase; font-weight: lighter; font-size: .7em; }

.our-team-carousel .dica-item-content { min-height: 500px; }

.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
	padding-top: 204px;
}

/*  3. HEADER STYLES   */

#main-header .logo_container{
	text-align: center;
}
#main-header > .et_menu_container .et_pb_top_menu_inner{
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	height: 30px;
	z-index: 1;
	margin-top: -2px;
}
#main-header > .et_menu_container .et-search-form input{
	width: 120px;
    border: none;
    margin: auto;
    background: rgba(255,255,255,0);
	position: relative;
	padding-left: 5px;
	top: 0;
	left: 0;
	right: 0;
	text-transform: uppercase;
	display: inline-block;
	height: 30px;
    line-height: 30px;
	font-size: 16px;
	float: left;
	color: white;
	transition: background 0.3s;
}
#main-header > .et_menu_container .et-search-form input::-webkit-input-placeholder, #main-header > .et_menu_container .et-search-form input::placeholder, #main-header > .et_menu_container .et-search-form input:-ms-input-placeholder, #main-header > .et_menu_container .et-search-form input::-ms-input-placeholder {
	color: white;
	opacity: 1;
}
#main-header > .et_menu_container .et-search-form input:hover{
	background: rgba(255,255,255,0.1);
}
#main-header > .et_menu_container .et-search-form input:focus{
	background: rgba(255,255,255,0.1);
}
#main-header > .et_menu_container .et-search-form{
	left: 0;
	width: 300px !important;
	max-width: 300px !important;
	height: 30px;
}
#main-header > .et_menu_container .et-search-form::after {
  content: "";
  clear: both;
  display: table;
}
#main-header #searchsubmit_header {
	display: inline-block;
	float: left;
	height: 30px;
	color: white;
    background: none;
    border: none;
    outline: none;
}
#searchsubmit_header img {
	height: 22px;
    vertical-align: middle;
}
#main-header .mobile_menu_bar {
	width: auto;
	line-height: 32px;
}
#main-header .mobile_menu_bar::after {
	content: "";
  clear: both;
  display: table;
}
#main-header .mobile_menu_bar div{
	float: left;
	color: white;
	line-height: 28px;
}
#main-header .mobile_menu_bar:before{
/* 	color: #92a7ac;
	float: left;
	margin-right: 5px; */
	display: none;
}
#main-header .mobile_menu_bar img {
	height: 14px;
	margin-right: 5px;
	float: left;
	margin-top: 7px;
}
body #page-container .et_slide_in_menu_container {
	background-image: url("https://purtillsolicitors.com/wp-content/uploads/2021/03/purtill-bg-line-1.svg") !important;
	background-size: cover !important;
	background-position: center !important;
}


/*  4. HOME STYLES   */
.home-latest-posts .et_pb_blog_grid .column{
	margin-right: 0 !important;
	width: 33.33333333333333% !important;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post{
	padding: 65px;
	border: none;
	outline: none;
	margin-bottom: 0 !important;
}
.home-latest-posts .et_pb_blog_grid .column:nth-child(1) .et_pb_post{
	background-color: #F1EEE9;
}
.home-latest-posts .et_pb_blog_grid .column:nth-child(2) .et_pb_post{
	background-color: #F7F4F2;
}
.home-latest-posts .et_pb_blog_grid .column:nth-child(3) .et_pb_post{
	background-color: #FAFAF8;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post hr {
	color: #FA3749;
	background-color: #FA3749;
	width: 20px;
	height: 3px;
	margin-left: 0;
    margin-bottom: 35px;
	border: none;
	outline: none;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post .post-content {
	margin-bottom: 10px;
	color: #000000;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post .post-content .post-content-inner{
	line-height: 20px;
	font-size: 14px;
	color: #000000;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post .post-content .more-link{
	text-transform: uppercase;
    color: initial;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post .post-meta {
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 900;
	color: #232323;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post .post-meta span{
	display: block;
}
.home-latest-posts .et_pb_blog_grid .column .et_pb_post .post-meta a{
	color: #8dd1da;
}
.home-testimonial .et_pb_text_inner h3{
	font-family: sweet-sans-pro, sans-serif !important;
	color: #10213B !important;
	font-size: 18px;
	padding-bottom: 24px;
	font-weight: 900;
	text-transform: uppercase;
}
.home-testimonial .et_pb_text_inner .testimonial-body{
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	padding-bottom: 24px;
	color: #92a7ac;
}
.home-testimonial .et_pb_text_inner .testimonial-author{
	font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 16px;
}
.home-testimonial .pagination-dots .active-dot a{
	background-color: #ff4349;
	border-color: #ff4349;
}

/*  5. PAGE STYLES   */

#our-services .services-overview h3 { font-weight: 800; }
#contact-page ul.et-social-icons { padding: 0!important; }
#footer-lower .et-social-icons, #contact-page .et-social-icons { float: left; }
.home .mobile_middle-outside .swiper-buttton-container div:before{
	display: none;
}
.home .mobile_middle-outside .swiper-buttton-container div{
	text-align: center;
}
.home .mobile_middle-outside .swiper-buttton-container div img {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 40px;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content {
	width: 50%;
	padding: 80px 30px;
	background: rgba(255,255,255,0.6);
	opacity: 1;
	transition: opacity 0.5s;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content p:empty {
	display: none;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content .team-name {
	color: #ff4349;
	padding-bottom: 0;
    font-size: 20px;
    font-weight: 700;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content .team-email a {
	color: #10213b;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content .team-title {
	text-transform: uppercase;
	padding-bottom: 0;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content .team-desc {
	font-size: 12px;
	line-height: 14px;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem {
	background: #fff;
	transition: background 0.5s;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .et_pb_module_inner{
	opacity: 1;
	transition: opacity 0.5s;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem:not(.swiper-slide-active) {
	background: #10213b;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem:not(.swiper-slide-active) .et_pb_module_inner{
	opacity: 0.5;
}
.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem:not(.swiper-slide-active) .dica-item-content .content{
	opacity: 0;
}

.client-logo.slider { display: flex; }
.client-logo.slider li { flex-grow: 1; text-align: center; }

.entry-content address{
	font-style: normal;
	display: inline;
	font-family: sweet-sans-pro, sans-serif !important;
}
address{
	font-style: normal !important;
	display: inline;
}
.contact-with-details contact-with-details-first .icon::before{
	margin-right: 10px;
}
.contact-with-details  .et-social-icons{
	float: none;
}

.contact-with-details .et-social-icons .et-social-icon.et-social-instagram, .contact-with-details .et-social-icons .et-social-icon.et-social-youtube{
	display: none;
}

#cta-global h2 {
    font-size: 3em;
}

#cta-global p {
    font-size: 1.2em;
}


.pv-button .icon:before {margin-right: 20px; }
.pv-button { color: #fff; font-size: 1.4em; }
.pv-button a:hover { color: #fff;  }


.contact-with-details .icon {
    margin-bottom: 20px;
}

.contact-with-details .contact-with-details-first .icon:before {
    margin-right: 20px;
}

.contact-with-details .icon.phone, .contact-with-details .icon.email {
    font-size: 1.4em;
}

.contact-with-details .et-social-icon a {
	border: 1px solid #8dd1da !important;
	color: #8dd1da !important;
}

.contact-with-details .et-social-icon a:hover {
	border: 1px solid #10213b !important;
	color: #10213b !important;
}

/*  6. BLOG STYLES   */
.et_pb_post_extra .post-categories a {
	font-weight: 900;
	text-transform: uppercase;
    font-size: 12px !important;
}


/*  7. FORM STYLES   */

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #F4F3EF;
    border: none;
    padding: 10px 20px !important;
    color: #141f36;
    background: #F4F3EF;
    margin-top: 0 !important;
	font-size: 1.1em !important;
}

.gform_button {
    width: 100% !important;
    padding: 10px;
    text-transform: uppercase;
    border: none;
    background-color: #141f36;
    color: #fff;
    font-weight: bold;
	cursor: pointer;
}

.gform_button:hover {
    background-color: #efefef;
    color: #333;
}

::-webkit-input-placeholder { /* Edge */
  color: #9CB1B6 ;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9CB1B6 ;
}

::placeholder {
  color: #9CB1B6 ;
}

/*  8. FOOTER STYLES   */
#footer-info{
	width: 100%;
	color: white;
	border-top: 1px solid #8dd1da;
	padding-top: 10px;
}
#footer-info::after {
  content: "";
  clear: both;
  display: table;
}
#footer-info .footer-copyright {
	float: left;
}
#footer-info .footer-websiteby {
	float: right;
}
#footer-widgets .et_pb_widget{
	width: 100%;
	display: block;
	margin-bottom: 0;
}
#footer-widgets .footer-widget #text-2 p:first-child{
	padding-bottom: 0;
}
#footer-widgets .footer-widget #text-2 p:nth-child(3){
	padding-bottom: 5px;
}
#footer-widgets .footer-widget #text-2 address{
	padding-bottom: 14px;
	font-style: normal;
	display: block;
}
#footer-widgets .footer-widget #text-2 address br:nth-child(even){
	display: none;
}
#footer-widgets .footer-widget strong{
	color: #92a7ac;
}
#footer-widgets .footer-widget ul li{
	padding-left: 0;
}
#footer-widgets .footer-widget #menu-footer-menu li{
	margin-bottom: 0;
}
#footer-widgets .footer-widget li:before{
	display: none;
}
#footer-widgets .footer-widget .et-social-icons {
	margin-right: 0;
}
#footer-widgets .footer-widget .et-social-icons, .contact-with-details .et-social-icons{
	float: none;
}
#footer-widgets .footer-widget .et-social-icon, .contact-with-details .et-social-icon{
	margin: 0;
    padding: 0;
}
#footer-widgets .et-social-icons .et-social-icon.et-social-instagram, #footer-widgets .et-social-icons .et-social-icon.et-social-youtube{
	display: none;
}
#footer-widgets .footer-widget .et-social-icon a, .contact-with-details .et-social-icon a{
	height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid white;
    outline: none;
    font-size: 20px;
    margin-right: 12px;
	margin-top: 12px;
}
#footer-widgets .footer-widget .et-social-icon a br, .contact-with-details .et-social-icon a br{
	display: none;
}
#footer-widgets .footer-widget .et_pb_widget div, #footer-widgets .footer-widget .et_pb_widget ul, #footer-widgets .footer-widget .et_pb_widget ol, #footer-widgets .footer-widget .et_pb_widget label {
	line-height: 1.4em;
}

/*  9. MOBILE STYLES   */

/*Large Desktop*/
@media all and (min-width: 1405px) {


/*End RS*/	
}
   
/*Medium Desktop*/
@media all and (min-width: 1100px) and (max-width: 1405px) {

	
	
}
   
/*All Desktops*/
@media all and (min-width: 981px) {
	.three-col li { width: 29%; float: left;  margin-right: 5%; }
	.three-col li:nth-child(3n) { margin-right: 0%; }
	.four-col li { width: 23.5%; float: left; margin-right: 2%; }
	.four-col li:nth-child(4) { margin-right: 0%; }
	
	.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(2){
		width: 28.875%;
		margin-right: 3.5%
	}
	.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(3), .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(4){
		width: 19.875%;
		margin-right: 0.5%
	}
/*End RS*/	  
}

/*All Mobile Devices*/
@media all and (max-width: 980px) {
 	.mobile_menu_bar:before {  }
	.et_header_style_left #logo, .et_header_style_split #logo { max-width: 80%; }	
	.home-latest-posts .et_pb_blog_grid .column{
		margin-right: 0 !important;
		width: 100% !important;
	}
	.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
	padding-top: 79px;
}
/*End RS*/	
}
   
/*Tablets*/
@media all and (min-width: 768px) and (max-width: 980px) {
	  .four-col li, .three-col li { width: 48%; float: left; margin-right: 2%; }
	.four-col li:nth-child(2n), .three-col li:nth-child(3n) { margin-right: 0%; }

	
/*End RS*/		
}
 

/*Desktops & Tablets*/
@media all and (min-width: 768px) {
	#cta-global .icon.phone {
		margin-bottom: 20px;
	}
	.flex-columns .wsp-posts-list {
		display:flex;
		flex-wrap: wrap;
	  }
	  .flex-columns .wsp-posts-list>li>ul {
		width: 300px;
		padding: 2% 10% 10% 5%;
	  }
	  .column-list .wsp-container {
		column-count: 3;
	  }		
		
		
/*End RS*/			
}

/*All Mobile Phones*/
@media all and (max-width: 767px) {
   .four-col li, .three-col li, .two-col li { width: 100%; clear: both; margin-right: 0; }
	#main-header > .et_menu_container .et-search-form{
		width: 50% !important;
		max-width: 50% !important;
	}
	#main-header .mobile_menu_bar div{
		display: none;
	}
	.home .mobile_middle-outside .swiper-button-prev{
		-webkit-transform: translateX(-85%);
    	transform: translateX(-85%);
	}
	.home .mobile_middle-outside .swiper-button-next{
		-webkit-transform: translateX(80%);
    	transform: translateX(80%);
	}
	.home-latest-posts .et_pb_blog_grid .column .et_pb_post{
		padding: 30px;
	}
	#footer-widgets .footer-widget .et-social-icons{
		text-align: left;
	}
	.global-subfooter-contact .pv-button .et_pb_code_inner .icon a{
		font-size: 14px;
	}
	.privacy-2-4-comments p{
		overflow-wrap: anywhere !important;
	}
	.blog .el_dbe_full_width.et_pb_no_thumb .post-content {
    width: 100%;
	}
	.blog .et_pb_post_extra.el_dbe_full_width .post-date { width: 100%; padding-right: 0; margin-bottom: 30px; }
	.blog .et_pb_post { margin-bottom: 50px; }
	.et_mobile_menu .sub-menu li a { font-size: 22px !important; }
	#main-header .mobile_menu_bar img {
		margin-top: 5px;
    	margin-bottom: 7px;
	}
	
	
/*End RS*/	
}
   
/*Older Mobile Phones*/
@media all and (max-width: 479px) {
	.our-team-carousel.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content{
		width: 100%;
	}
/*End RS*/	
}