/*---------------------------------------------------------------------------------

	Theme Name: Apysnow
	Theme URI: https://apysnow.com/
	Description: Design du site Apysnow.
	Author: Parhit
	Author URI: https://parhit.fr/
	Template: themify-ultra
	Version: 1.0 (2024-10-14)

---------------------------------------------------------------------------------*/

/*-------------------*/
/* Colors		     */
/*-------------------*/

/*

	Bleu		0280BA
	Bleu -	 	079EE7
	Bleu --		D1EBF7
	Bleu +		015F8D
	Vert 		D9DB1B
	Vert -	 	E8EA48
	Vert + 		ABAD0C
	Jaune 		FEED8B

*/

/* #0280BA */
.page-footer, #headerwrap.fixed-header #main-nav a:hover, #content table thead tr {background: #0280BA}
.wpcf7-form .wpcf7-response-output, .tb_text_wrap a:hover, #footer .social-links a:hover {color: #0280BA}
#content table td {border: 1px solid #0280BA}
.wpcf7-form .wpcf7-not-valid {border-color: #0280BA}

/* #015F8D */
#footer .social-links em {background: #015F8D}

/* D9DB1B */
.module-buttons .ui.builder_button, .wpcf7-form input[type="submit"], .class .module-icon .module-icon-item em, #content table tbody tr {background: #D9DB1B}
#footer .footer-text a:hover, .ui.builder_button em {color: #D9DB1B}
#main-nav-wrap #main-nav > li > a:hover::after, #main-nav li.current-menu-item a::after {border-color: #D9DB1B}
#footerwrap {border-top: 3px solid #D9DB1B}
#headerwrap {border-bottom: 3px solid #D9DB1B}
#footer .footer-widgets h4 {text-decoration-color: #D9DB1B !important}

/* E8EA48 */
.module-buttons .ui.builder_button:hover, .wpcf7-form input[type="submit"]:hover, .apy-more .module-buttons .ui.builder_button:hover {background: #E8EA48}
#content blockquote {border-color: #E8EA48}
#footer .footer-widgets p em {border-left: 3px solid #E8EA48}

/* ABAD0C */
.apy-more .module-buttons .ui.builder_button {background: #ABAD0C}

/* FFF */
input[type="email"], input[type="text"], input[type="tel"], input[type="date"], input[type="radio"], input[type="checkbox"], select, textarea, #footer .social-links a:hover em {background: #FFF}
#headerwrap #main-nav a, .page .module_row.themify_builder_row.page-header h2, .page-footer h2, input[type="submit"], .class .module-icon .module-icon-item em, .module.module-buttons a.tb_default_color, #footer .footer-widgets h4, #footer .footer-text, #footer .footer-text a, #footer .widget li a, #content table thead tr, #footer .footer-widgets p, #footer .footer-widgets a {color: #FFF}
#body {border-bottom: 40px solid #FFF}

/* 000 */
.module.module-buttons a {color: #000}
input[type="email"], input[type="text"], input[type="tel"], input[type="date"], input[type="radio"], input[type="checkbox"], select, textarea {border: 3px solid rgba(0,0,0,.2)}
select:focus, textarea:focus, input:read-write:focus, input:read-only:focus {border-color: rgba(0,0,0,.5)}

/* 666 */
.tb_text_wrap a, .wpcf7-form select {color: #666}

/*-------------------*/
/* Content		     */
/*-------------------*/

.page .module_row.themify_builder_row {padding: 7% 0}

/* Titles */
#content h1 {font-size: 2.5em; line-height: 1.2em; font-weight: 800; letter-spacing: -.03em; margin: 1em 0}
#content h2 {font-size: 2em; line-height: 1em; font-weight: 800; letter-spacing: -.03em}
#content h3 {font-size: 1.5em; font-weight: 800; letter-spacing: -.02em}

/* Row */
.themify_builder_content .themify_builder_row.tb_first {padding: 2% 0}
.apy-temoignages .tb_text_wrap {padding: 5em}
.themify_builder_content .row-seo {display: none}

/* Buttons */
.module-buttons {margin: 0 0 1.3em}
.module-buttons .ui {padding: 1em 3em 1em 1em; font-size: 16px; margin: 0; border-radius: .5em}
.ui.builder_button em {background-color: rgba(0,0,0,.5); box-sizing: content-box; -webkit-clip-path: polygon(70% 0,100% 0,100% 0,100% 100%,0 100%,0 100%); clip-path: polygon(70% 0,100% 0,100% 0,100% 100%,0 100%,0 100%); font-size: 120%; height: 100%; line-height: 2.4; margin-right: -1px; padding: 0 .5em 0 .8em; position: absolute; right: 0; top: 0; border-top-right-radius: .5em; border-bottom-right-radius: .5em}

/* Form */
textarea, input[type="email"], input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select {width: 100%; max-width: none; text-transform: none; padding: .8em 1em; transition-duration: .5s; border-radius: initial}
.wpcf7-form p {margin-bottom: 0}
.wpcf7-form input[type="submit"] {font-weight: 700; padding: .95em 1.9em; letter-spacing: .06em; text-transform: uppercase; transition: background-color .3s ease,color .3s ease,transform .3s ease; border-radius: .5em}
.wpcf7-form input[type="submit"]:hover {transform: translateY(-3px); box-shadow: none}
input[type="email"], input[type="text"], input[type="tel"], input[type="date"], input[type="radio"], input[type="checkbox"], select, textarea {appearance: none; margin: 1em 0 2em}
.wpcf7-form .wpcf7-not-valid-tip, .wpcf7-form input[type="text"]#website, .wpcf7-form input#website {display: none}
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.sent .wpcf7-response-output {margin: 2em 0 0; padding: 0; border: none; text-transform: uppercase}
.wpcf7-form.sent p, .wpcf7-form.sent h2, .wpcf7-form.sent h3 {display: none}
/*body .grecaptcha-badge {display: none !important}*/

/* Link */
.tb_text_wrap a {text-decoration: underline}

/* Table */
#content table {border-collapse: collapse; width: 100%}
#content table thead tr {font-weight: 700; letter-spacing: .06em}
#content table td {padding: .8em 1em; width: 33.33%}
#content table tbody td:nth-child(1n+2) {text-align: right}

/* Blockquote */
#content blockquote {margin: 0 0 1.3em; padding: .5em 1.9em; font-size: 1em; line-height: 1.65em}
#content blockquote p {margin-bottom: 0; font-weight: bold}
#content blockquote em {margin-top: 1.3em; display: inline-block; font-weight: lighter}

/* TOC */
#ez-toc-container {display: none}

/*-------------------*/
/* Header		     */
/*-------------------*/

#headerwrap:not(.fixed-header) #main-nav {margin-top: 24px}
#headerwrap.fixed-header #main-nav {margin-top: 8px}
#main-nav a {padding: 0; margin: .75em 1.45em; font-weight: 600}
#main-nav a::after {content: ''; display: block; width: 0; border-bottom: 3px solid transparent; border-bottom-color: transparent; position: absolute; bottom: -5px; transition: all .3s ease-in-out}
#main-nav a:hover::after, #main-nav li.current-menu-item a::after {width: 100%}

/*-------------------*/
/* Footer		     */
/*-------------------*/

#footer .footer-logo-wrapper {text-align: center}
#footer .footer-logo-wrapper, #footer .social-widget, #footer .footer-widgets {padding: 0; margin-bottom: 1em}
#footer .social-links em {transition: background-color .3s ease,color .3s ease,transform .3s ease; padding-top: 10px; border-radius: initial}
.footer-left-col #footer .widget {margin: 0}
#footer .footer-widgets h4 {font-size: 1.2em; font-weight: 600; text-decoration: underline; text-decoration-thickness: 3px; margin-bottom: 1em}
#footer .footer-widgets p {margin-bottom: .5em}
#footer .footer-text {text-transform: uppercase; font-size: .75em; text-align: center}

/*-------------------*/
/* Responsive		 */
/*-------------------*/

@media screen and (max-width: 1000px) {
	#menu-icon {margin: 3em 0 0; padding: 0}
	body.fixed-header-on #menu-icon {margin-top: 1.5em}
	#menu-icon-close::before, #menu-icon-close::after, #headerwrap #header #main-nav a:hover {color: #FFF}
	#headerwrap #header #main-nav a {margin-bottom: 1em}
	#menu-icon:hover, #mobile-menu #menu-icon-close:hover {background: transparent}
	.themify_builder_content .themify_builder_row.tb_first {padding: 0 0 2em}
	.module_column.tb-column {padding: 1em 0}
	.module-buttons-item {margin-bottom: 1em}
	.apy-temoignages .tb_text_wrap {padding: 2em}
	.footer-widgets .col3-1 {margin-bottom: 2em}
	.footer-left-col .footer-text {padding: 0}
}