/*
Theme Name: Vincent Targues
Description: Hello Elementor Child Theme
Author: Gopadma team
Author URI: https://www.gopadma.com
Template: hello-elementor
Version: 1.0.0
*/

/* GENERAL STYLES */
h2::before{
	content: url(/wp-content/themes/vincent-targues/assets/images/title_seperator.png);
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    z-index: -1;
}

b, strong{
	color : var( --e-global-color-primary ) !important;
	font-weight: 500 !important;
}

[type=button], [type=submit], button
{
	border: none !important;
}

input[type=search]{
	padding: 11px 28px !important;
	outline: none !important;
	border-radius: 24px !important;
}

/* Header */

.hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after
{
	height: 2px !important;
	background-color: var( --e-global-color-primary ) !important;
}

.hfe-pointer__underline.hfe-animation__slide .menu-item.parent a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after
{
	left: 0 !important; 
}

/* -------------------Home page------------------------- */

.elementor-20 .elementor-element.elementor-element-a7bcc6e:hover .elementor-widget-image img
{
	content: url(/wp-content/themes/vincent-targues/assets/images/1.svg)
}

.elementor-20 .elementor-element.elementor-element-e986318:hover .elementor-widget-image img
{
	content: url(/wp-content/themes/vincent-targues/assets/images/2.svg)
}

.elementor-20 .elementor-element.elementor-element-51bddad:hover .elementor-widget-image img
{
	content: url(/wp-content/themes/vincent-targues/assets/images/3.svg)
}

.elementor-20 .elementor-element.elementor-element-f17655f:hover .elementor-widget-image img
{
	content: url(/wp-content/themes/vincent-targues/assets/images/4.svg)
}

.elementor-20 .elementor-element.elementor-element-9259b3c:hover .elementor-widget-image img
{
	content: url(/wp-content/themes/vincent-targues/assets/images/5.svg)
}

.elementor-20 .elementor-element.elementor-element-6f46c46:hover .elementor-widget-image img
{
	content: url(/wp-content/themes/vincent-targues/assets/images/6.svg)
}

.elementor-20 .elementor-element.elementor-element-2e99631:hover .elementor-widget-image img
{
	content: url(/wp-content/themes/vincent-targues/assets/images/7.svg)
}

.specialist-box:hover h3.elementor-heading-title{
	color : var( --e-global-color-primary ) !important;
}

.elementor-custom-embed-play svg
{
	width: 50px !important;
	height: 50px !important;
}

.elementor-widget-rating .e-rating .e-icon-wrapper svg
{
	fill: var( --e-global-color-b0c5ab0 ) !important;
}

.elementor-20 .elementor-element.elementor-element-dcd7834 .tpg-el-main-wrapper .tpg-el-image-wrap img
{
	border-radius: 10px;
}

body.home .rt-tpg-container.grid-layout4-main .tpg-el-image-wrap img
{
	height: 313px ;
}

.rt-tpg-container.list-layout1-main .rt-holder .rt-detail .entry-title-wrapper .entry-title .tpg-post-link,
.rt-tpg-container.grid-layout4-main .rt-holder .rt-detail .entry-title-wrapper .entry-title .tpg-post-link
{
	font-family: var(--e-global-typography-6134c00-font-family), Sans-serif;
    font-size: var(--e-global-typography-6134c00-font-size);
    font-weight: var(--e-global-typography-6134c00-font-weight);
    line-height: var(--e-global-typography-6134c00-line-height);
}
.post-meta-tags {
    order: 1;
	align-items: center;
}

.rt-tpg-container.grid-layout4-main .entry-title-wrapper {
    order: 2;
}

.rt-tpg-container.grid-layout4-main .post-meta-tags .date
{
	order: 2;
}

.rt-tpg-container.grid-layout4-main .post-meta-tags .categories-links a
{
	padding: 2px 10px 1px 10px;
}

.rt-tpg-container.grid-layout4-main .post-meta-tags .post-tags-links a
{
	padding: 2px 10px 1px 10px;
	background-color: var(--e-global-color-secondary) !important;
	color: var(--e-global-color-accent) !important;
	border-radius: 12px;
}

.eael-contact-form-7 .wpcf7-form p input.wpcf7-submit
{
	margin-bottom:0px !important;
}

.wpcf7-spinner{
	display: none !important;
}

.elementor-widget-divider .elementor-divider
{
	display: flex;
}

.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}


@media (max-width: 1024px) and (min-width: 980px) {
    .elementor-20 .elementor-element.elementor-element-cc56bc4 {
        width: 60%;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    .elementor-20 .elementor-element.elementor-element-cc56bc4 {
        width: 100%;
    }
	.elementor-20 .elementor-element.elementor-element-9b7e952 {
        width: 100%;
	}
	.elementor-20 .elementor-element.elementor-element-419865b {
        width: 40%;
    }
	.elementor-element.elementor-element-eb7fa3a{
		display:none !important;
	}
	.elementor-element.elementor-element-e24f981{
		display:block !important;
	}
}

@media (max-width:767px)
{
	.elementor-absolute.osteopathy {
		position: relative !important;
		top: 0px !important;
		bottom: 0px !important;
	}
	body.home .rt-tpg-container.grid-layout4-main .tpg-el-image-wrap img
	{
		height: auto !important ;
	}
	body .tpg-el-main-wrapper .rt-grid-item{
		padding: 0px;
	}
}

@media (max-width: 480px) and (min-width: 450px) {
    .elementor-20 .elementor-element.elementor-element-7de59af > .elementor-widget-container h2::before
	{
		left: 45px !important;
	}
}

@media (max-width: 414px) and (min-width: 412px) {
    .elementor-20 .elementor-element.elementor-element-7de59af > .elementor-widget-container h2::before
	{
		left: 15px !important;
	}
}

@media (max-width: 375px) and (min-width: 360px) {
    .elementor-20 .elementor-element.elementor-element-7de59af > .elementor-widget-container h2::before
	{
		left: 25px !important;
	}
}



/* ------------------------------Blog----------------------------------- */

.elementor-23 .elementor-element.elementor-element-f271da2 .rt-tpg-container .rt-holder .entry-title-wrapper .entry-title a
{
	font-family: var(--e-global-typography-6134c00-font-family), Sans-serif !important;
	font-size: var(--e-global-typography-6134c00-font-size);
    font-weight: var(--e-global-typography-6134c00-font-weight);
    line-height: var(--e-global-typography-6134c00-line-height);
}

/* -------------------------Single page---------------------------- */

.elementor-widget-text-editor h2::before{
	content: "" !important;
}

/* ----------------------------Archive Page------------------------------- */

.archive-background
{
	background-image: url(http://192.168.1.210/vincent-targues/wp-content/uploads/2025/01/osteopaths_office_background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 100px 0px;
}

.archive-background h1.entry-title
{
	margin: 0 auto;
    padding: 10px;
    max-width: 1200px;
	text-transform: none;
}

.archive main.site-main
{
	max-width: 1200px !important;
    padding: 100px 0px;
}

.archive main.site-main .page-content
{
	padding: 10px;
    display: flex;
	flex-wrap: wrap;
}

article.post
{
	width: 30%;
	display: grid;
	border-radius: 14px 14px 14px 14px;
	overflow: hidden;
	background-color: #FFFFFF;
  	margin: 0px 20px 30px 10px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.archive .post .post-date, .archive .post .post-tags {
	margin-top: 25px;
	font-size: 14px !important;
 	text-transform: capitalize !important;
	color: var( --e-global-color-secondary );
	padding: 0px 15px;
  	display: block;
}

.date_tags
{
	align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    font-weight: 300;
}

.archive .post .post-tags .tag-links a {
	padding: 2px 10px 1px 10px;
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-accent) !important;
    border-radius: 12px;
	text-decoration: none;
}

.archive .post .entry-title, .search .post .entry-title {
	padding-left: 15px;
	padding-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0px 0px 0px !important;
	font-family: var(--e-global-typography-6134c00-font-family), Sans-serif;
    font-size: var(--e-global-typography-6134c00-font-size);
    font-weight: var(--e-global-typography-6134c00-font-weight);
    line-height: var(--e-global-typography-6134c00-line-height);
}

.archive .post .entry-title::before, .search .post .entry-title::before
{
	content: "";
}

.archive .post .entry-title a {
	color: var( --e-global-color-primary );
	font-family: var(--e-global-typography-6134c00-font-family), Sans-serif;
    font-size: var(--e-global-typography-6134c00-font-size);
    font-weight: var(--e-global-typography-6134c00-font-weight);
    line-height: var(--e-global-typography-6134c00-line-height);
	text-transform: none;
}

.archive .post:hover .entry-title a,
.archive .post .entry-title a:hover
{
	color: var( --e-global-color-secondary );
}

.archive .post p, .search .post p {
	padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    color: var(--e-global-color-text);
    height: 62px;
    overflow: hidden;
	margin: 15px 0px 30px 0px;
}

.archive .entry-title {
	text-transform: uppercase;
}

.archive .read-more, .search .read-more {
	padding: 0px 15px;
	margin-bottom:30px;
	text-align: center;
}

.archive .read-more a, .search .read-more a {
	font-family: var(--e-global-typography-f2046e5-font-family), Sans-serif;
    font-size: var(--e-global-typography-f2046e5-font-size);
    font-weight: var(--e-global-typography-f2046e5-font-weight);
    line-height: var(--e-global-typography-f2046e5-line-height);
    padding: 8px 28px 8px 28px;
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-primary);
    border-radius: 24px 24px 24px 24px;
    border-style: none;
	text-decoration:none;
	transition: all 0.4s ease;
}

.archive article.post:hover .read-more a, .search article.post:hover .read-more a,
.archive .read-more a:hover, .search .read-more a:hover{
	color: var( --e-global-color-primary );
	background-color: var( --e-global-color-secondary );
}

.archive article.post:hover .read-more a::after, .search article.post:hover .read-more a::after,
.archive .read-more a:hover::after, .search .read-more a:hover::after
{
	border-bottom: 1px solid var(--e-global-color-primary);
}

.archive .post .img-holder, 
.search .post .img-holder
{
	overflow:hidden;
}

.archive .post img, .search .post img {
	height: 220px;
	overflow: hidden;
	transition: all .4s ease-in-out;
}

.archive .post:hover img, .search .post:hover img,
.archive .post img:hover, .search .post img:hover {
	transform: scale(1.1);
}

@media (max-width:1024px) and (min-width:768px)
{
	.archive-background, .archive main.site-main
	{
		padding: 80px 20px;
	}
	.archive article.post, .search article.post {
	  width: 30.7%;
	  margin-left: 15px;
	  margin-right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 850px) {
	.archive article.post, .search article.post {
	  width: 29.8%;
	  margin-left: 15px;
	  margin-right: 0px;
	}
}


@media (max-width:640px)
{
	.archive-background, .archive main.site-main
	{
		padding: 50px 20px;
	}
	.archive article.post, .search article.post {
	  width: 100%;
	  margin: 0px 10px 30px 10px;
	}
}


.pagination{
	justify-content: center !important;
	gap:20px;
}
.pagination .page-numbers.current
{
	color: var(--e-global-color-primary) ;
}

.pagination a
{
	text-decoration: none;
}
/* Footer */

footer h2.elementor-heading-title::before
{
	content: url(/vincent-targues/wp-content/themes/vincent-targues/assets/images/title_seperator.png);
    display: block;
    position: absolute;
    left: -12px;
    top: 4px;
    z-index: -1;
}

footer .hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after
{
	height: 2px !important;
	background-color: var( --e-global-color-accent ) !important;
}

/* Back to top */

#back-top {
    position: fixed;
    bottom: 80px;
    z-index: 99;
    display: none;
    right: 50px;
	text-align: center;
}

#back-top i.fa {
    height: 50px;
    width: 50px;
    border: 2px solid var( --e-global-color-secondary );
    background-color: var( --e-global-color-secondary );
    transition: all .2s linear;
    color: var(--e-global-color-primary);
    border-radius: 50px;
}

#back-top i.fa:hover {
    border: 2px solid var( --e-global-color-primary );
    color: var( --e-global-color-accent );
    background-color: var( --e-global-color-primary );
}

#back-top i.fa.fa-arrow-up::before {
    position: relative;  
    top: 26.5%;
    font-size: 21px;  
}

@media (max-width: 1200px) {
    #back-top i.fa.fa-arrow-up::before {
        left: 0px;
    }
}