/*
 Theme Name:   Kadence Child Theme
 Theme URI:    
 Description:  Thème enfant Kadence
 Author:       Victor Konn, Yves Feupi, Fernando Ochoa, Joel Matcha sur la supervision de Nathalie Nicolas
 Author URI:   http://exportechquebec.ca
 Template:     kadence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  kadence-child
*/

/** HEADER PAGE **/

#main-header .site-main-header-wrap {
  box-shadow: 0 1px 3px rgba(0,0,0,.5);
}


/* Menu */

#main-header li > .nav-drop-title-wrap {
	cursor: default;
}

#main-header .sub-menu {
	background-color: #d9d9d9;
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
}

#main-header .sub-menu li {
	border-bottom: 1px solid rgba(0,0,0,0.1)
}

#main-header .sub-menu a {
	color: #1A202C;
	font-size: 15px;
	font-family: var(--global-body-font-family);
}
#main-header .sub-menu a:hover {
	color: white;
	background-color: var(--global-palette1);
}
#main-header .sub-menu li.current-menu-item > a {
	color: white;
}

/** FOOTER PAGE **/

/* Newsletter */

.site-top-footer-wrap  {
	background-color: #0b6743;
	color: white;
}

.site-top-footer-wrap h4 {
	color: white;
	text-transform: uppercase;
}

.site-top-footer-wrap .tnp .tnp-submit  {
	background-color: #C7543F
}

/**   Page Chalet.    **/

/**Tableaux des prix **/
.entry-content-wrap .wp-block-table.is-style-stripes th, 
.entry-content-wrap .wp-block-table.is-style-stripes td {
	border: 1px solid grey;
}

/**.  Bouton personnalisé. ***/
.chalet-sub-header {
	display: flex;
	justify-content:space-between;
	margin-bottom: 25px;
}

.chalet-sub-header a,
.product-details a {
	color: white;
	text-decoration:none;
}

.btn-button {
	display: flex;
	height: 40px;
	width: fit-content;
	padding: 0;
	/*background: #009578;*/
	border: none;
	outline: none;
	border-radius: 5px;
	overflow: hidden;
	font-family: "Quicksand", sans-serif;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	margin:10px;
}

.btn-button:hover {
	background: #008168;
}

.btn-button:active {
	background: #006e58;
}

.btn-button__text,
.btn-button__icon {
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	color: #fff;
	height: 100%;
}

.btn-button__icon {
	font-size: 1.5em;
	background: rgba(0, 0, 0, 0.08);
}

.bgcolor-green {
	background: #009578;
}

.bgcolor-grey {
	background: #e5e5e5;
}

.bgcolor-orange {
	background: #C7543F;
}

.info-chalet {
	display: inline-flex;
	align-items: center;
}

.info-chalet__icon {
	display: inline-flex;
	align-items: center;
	font-size:1.5em;
	padding: 0 5px;
	color: grey;
	height: 100%;
}

.info-chalet__text {
	color: grey;
	margin-right: 5px;
}
.group-box, 
.stack-group-box,
.price-box,
.product-details {
	display:flex !important;
}

.stack-group-box {
    flex-direction:column;
}

.price-box {
    align-items:baseline;
}

.price-box .price {
    font-size:2.2rem;
    font-weight:600;
    color:#0B6743;
}

.price-box .price-pref-text{
    font-size:1.4rem;
    font-weight:600;
}
.product-info {
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    margin:1.5rem;
}

.product-info ul.post-categories {
    list-style:none;
    margin:0;
}

.product-info .post-categories a {
    color:#009578;
}

figure.agent{
    display:flex;
    flex-direction:column;
    align-items:center;
    /*padding:10px;*/
    margin: 2rem 1%;
    min-width: 240px;
    max-width: 320px;
    height:350px;
    width: 100%;
    color: #333;
    background-color:gainsboro;
    border-radius:8px;
    box-shadow: none !important;
}

figure.agent img {
  max-width: 100%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border:2px solid gainsboro;
  margin: -50px 0 15px;
  
  display: inline-block;
  z-index: 1;
  position: relative;
}

figure.agent .agent-photo {
  margin: 0;
  text-align: center;
}

figure.agent .agent-nom{
    text-align: center;
    font-size:1.2rem;
    font-weight: 800;
    margin-bottom: 2rem;
}

figure.agent .agent-lang{
    text-align: center;
    margin-bottom: 4rem;
}

.call-button a {
    text-decoration:none;
}

.agents-container {
    display:flex;
    justify-content:center;
    gap:2rem;
}


@media only screen and (max-width: 980px) {
	.chalet-sub-header,
	.agents-container {
		flex-direction: column;
		align-items:center;
	}
 
 .info-chalet__icon,
 .info-chalet__text {
		color:black;
	}
}

@media only screen and (max-width: 545px) {
	.group-box,
	.agents-container {
		flex-direction: column;
		align-items:center;
	}
}