/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.hide-for-now {
	display:none;
}

/* GÉNÉRAL */

p {
    margin-bottom: 1em;
}

.subtitle {
	font-family: Poppins, sans-serif;
    font-weight: 700;
	font-size: 38px;
	line-height: 1.1em;
}

/* Liens texte blanc */
#info-contact a {
	color: #fff;
}

#info-contact a:hover {
	color: #f9af6c;
}

/* Boutons */
.btn-dark-blue {
	color: #fff!important;
}

.btn-light-blue {
	color: #fff!important;
	background-color: #0082d5!important;
}

.btn-light-blue:hover {
	color: #0082d5!important;
	background-color: #fff!important;
}

/* Style du bouton final de menu avec la classe 'menu-bouton' */
.main-navigation .main-nav ul li.btn-menu > a {
    background-color: #0082d5;
    color: #ffffff;
    padding: 3px 20px;
    border-radius: 5px;       /* style pilule */
    font-weight: 600;
	transform: translateX(20px);
}

/* Hover/focus */
.main-navigation .main-nav ul li.btn-menu > a:hover,
.main-navigation .main-nav ul li.btn-menu > a:focus {
    background-color: #013657;
    color: #ffffff;
}

/* Bouton footer */
.btn-footer a {
	background-color: var(--contrast);
	color: #fff!important;
	padding: 5px 15px;
	border-radius: 3px;
}

.btn-footer a:hover {
	background-color: var(--accent);
	color: #fff!important;
	padding: 5px 15px;
	border-radius: 3px;
}

/****** FAQ ******/

/* Conteneurs */
#rank-math-faq .rank-math-list-item {
	background-color: #fff;
    border-radius: 15px;
    padding: 25px;
	margin-bottom: 15px;
}

/* Transport */
#faq-transport .rank-math-list-item {
	background-color: #0082d5;
    border-radius: 15px;
	color: #fff!important;
    padding: 25px;
	margin-bottom: 15px;
}

#faq-transport a {
	color: #f9af6c!important;
}

#faq-transport a:hover {
	color: #013657!important;
}

#faq-transport h3 {
	color: #fff!important;
}

/****** FORMULAIRES ******/

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color: var(--contrast-2);
    background-color: var(--base-2);
    border-color: var(--accent);
	border-radius: 10px;
	margin-bottom:18px;
	width:100%;
}

input[type="submit"] {
    float:right;
	border-radius: 10px;
	padding: 10px 30px;
}

input[type="submit"]:hover {
    color: var(--accent);
    background-color: var(--base-2);
}

#acc-contact input[type="submit"]:hover {
    color: var(--base-2);
    background-color: var(--contrast);
}

/* HEADER */

/* Fixer la hauteur du menu */
.main-navigation .main-nav ul li a {
    line-height: 40px;
}

.inside-header {
    padding: 20px 0;
}

/* Couleur # téléphone */
#hero a {
	color: #fff!important;
}

#hero a:hover {
	color: #0082d5!important;
}

/*****************************/
/******** RESPONSIVE *********/
/*****************************/

/* Portable */
@media (max-width: 1680px) {


}

/* Tablette Pro */
@media (max-width: 1480px) {

	/* Head */
	.inside-header {
    	padding: 20px;
	}
	
	.main-navigation, .main-navigation ul ul {
    	background-color: transparent;
	}
	
	.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
    	padding-left: 15px;
    	padding-right: 15px;
	}
	
	.main-navigation .main-nav ul li.btn-menu > a {
    	transform: translateX(2px);
	}

	/* Hero Accueil */
	#header-acc h1 {
		font-size:45px;
	}
	
	/* Location Conteneur */
	#service-desc {
		padding-left:0;
	}
	
	#service-desc .items {
		min-height: 270px;
	}
	
	/* Service Transport */
	#service-desc {
		padding-left:0;
	}
	
	#service-desc .remorques {
		min-height: 310px;
	}
	
	#info-two-cols .col-img-left {
		margin-top: 40px;
	}
	
	#info-two-cols .col-txt-right {
		padding-left: 30px;
	}
}

/* Tablette Mini */
@media (max-width: 995px) {

	/* Head */
	#mobile-header {
        min-height:120px;
    }
	
	.navigation-branding img, .site-logo.mobile-header-logo img {
    	height: 120px!important;
	}
	
	.main-navigation.has-branding .inside-navigation.grid-container {
        padding: 10px 20px 0px 30px!important;
    }
	
	/* Lien du menu plus gros */
	.main-navigation a {
    	font-size: 25px;
	}
	
	.main-navigation .main-nav ul li a {
    	line-height: 80px;
	}
	
	.main-navigation .main-nav ul li.btn-menu > a {
    	background-color: #fff;
    	transform: translateX(0px);
	}
	
	/* Grossir l'icône du menu hamburger */
	.gp-icon svg {
    	height: 1.5em;
    	width: 1.5em;
    	top: .125em;
	}
	
	/* Hero Accueil */
	#header-acc h1 {
		font-size:35px;
	}
	
	/* Général */
	h2 {
        font-size: 30px;
    }
	
	h3 {
        font-size: 24px;
    }
	
	.subtitle {
    	font-size: 30px;
	}
	
	#info-two-cols .col-txt-right {
		padding-left: 10px;
	}
}

/* Téléphone */
@media (max-width: 560px) {

	/* Head */
	.main-navigation.has-branding .inside-navigation.grid-container {
        padding: 10px 20px 20px!important;
    }
	
	/* Lien du menu plus gros */
	.main-navigation a {
    	font-size: 19px;
	}
	
	.main-navigation .main-nav ul li a {
    	line-height: 50px;
	}
	
	/* Hero Accueil */
	#header-acc h1 {
		font-size:40px;
	}
	
	/* Général */
	p {
        font-size: 20px;
    }
	
	/* FOOTER */
	/* Forme du Québec */
	.site-footer .background {
		background:linear-gradient(to left,rgba(255,255,255,0.93) 0%,rgba(255,255,255,0.93) 100%),url(https://locationalf.ca/wp-content/uploads/2022/06/Contour-QC.png) right 85% /60% no-repeat,url(https://sites.generatepress.com/safewheels/wp-content/uploads/sites/128/2022/06/circular-shape.svg) left top /30% no-repeat;
	}
}