/*
Theme Name: Redbox Média - Thème Personnalisé
Theme URI: http://redboxmedia.ca/
Description: Ceci est un thème personnalisé créé par Redbox Média
Author: Redbox Média
Author URI: http://redboxmedia.ca/
Template: salient
Version: 1
*/

/* Custom CSS for xpass.ca */
html, body {
	/* background-color: #fcfcfc;
	background-color: pink; */
	line-height: 1.4rem;
}
#header-space,
#header-outer {
	display: none !important;
}
.hidden {
	display: none;
}
.visible {
	display: block;
}

.toggle-visibility {
	overflow: hidden;
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	transition: all ease-out 200ms;
	/* max-height: 150px; */
}
.mobile .toggle-visibility {
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 3rem;
	margin-bottom: 0;
	/* height: 150px; */
}
.hovered .toggle-visibility {
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 3rem;
	margin-bottom: 0;
	transition: all ease-out 200ms;
	height: 150px;
}

.vc_column-inner .inner img {
	max-width: 300px;
	min-width: 100px;
	width: 60%;
	height: auto;
}
.extra-large-image .inner img {
	max-width: 200px;
}

.text-column {
}

.gallery-column .wpb_text_column {
}
.gallery-column .wpb_text_column,
.gallery-column .wpb_text_column h3 {
	color: #f6f6f6;
}
.gallery-column .wpb_text_column.light-background,
.gallery-column .wpb_text_column.light-background h3 {
	color: #222;
}
.gallery-column .wpb_text_column .wpb_wrapper {
	text-transform: uppercase;
}
.gallery-column .wpb_text_column .wpb_wrapper > h3 {
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 0 2rem;
}
.gallery-column .wpb_text_column .wpb_wrapper > p {
	font-size: 0.9rem !important;
	line-height: 0.9rem !important;
	padding: 0 2rem;
}
.gallery-column .wpb_text_column .wpb_wrapper > p::after {
	content: " \00bb";
}

.col-gf-1  { width:   8%; }
.col-gf-2  { width:  16%; }
.col-gf-3  { width:  25%; }
.col-gf-4  { width:  33%; }
.col-gf-5  { width:  41%; }
.col-gf-6  { width:  50%; }
.col-gf-7  { width:  58%; }
.col-gf-8  { width:  66%; }
.col-gf-9  { width:  75%; }
.col-gf-10 { width:  83%; }
.col-gf-11 { width:  91%; }
.col-gf-12 { width: 100%; }

.validation_error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.gform_confirmation_message {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.gform_button,
.gform_wrapper h3.gform_title {
	text-transform: uppercase;
	font-weight: normal !important;
}
.gform_wrapper h3.gform_title {
	text-align: center;
	font-size: 1rem;
	line-height: 1rem;
}
#gform_1 {
	display: block;
	width: 100%;
	text-align: center !important;
}
.gform_body,
.gform_footer {
	display: inline-block !important;
	box-sizing: border-box !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1rem !important;
	line-height: 1rem !important;
}
#input_1_5 {
	border: 1px #ccc solid;
	border-radius: 0 !important;
	margin-top: 0 !important;
	padding: 0.8rem;
}
#field_1_5 {
	padding-right: 5px !important;
}
#gform_wrapper_1 {
	padding: 1rem;
}

#fp-nav {
	visibility: hidden;
}

/* easy responsive */
@media(min-width:1000px) {
	/* .gform_footer, */
	.spydiv {
		visibility: hidden;
	}
}
@media(max-width:999px) {
	.text-column {
		padding-top: 3rem !important;
	}
	.square-container {
		position: relative;
	}
	.square-container::before {
		content: "";
		display: block;
		padding-top: 100%;
	}
}

@media(max-width:992px){ .visible-lg{display:none;} }
@media(min-width:992px){ .hidden-lg{display:none;} }

@media(max-width:992px) and (min-width:768px){ .hidden-md{display:none !important;} }
@media(min-width:992px){ .visible-md{display:none !important;} }
@media(max-width:768px){ .visible-md{display:none !important;} }

@media(max-width:768px) and (min-width:480px){ .hidden-sm{display:none !important;} }
@media(min-width:768px){ .visible-sm{display:none !important;} }
@media(max-width:480px){ .visible-sm{display:none !important;} }

@media(min-width:480px){
	.visible-xs{display:none;}
}
@media(max-width:480px){
	.hidden-xs{display:none;}
}

@media(max-width:397px){
	.gform_body,
	.gform_footer {
		box-sizing: border-box !important;
		width: 100% !important;
	}
	.gform_body input,
	.gform_footer input {
		box-sizing: border-box !important;
		width: 100% !important;
	}
	.gform_body {
		margin-bottom: 1rem !important;
		/* width: 60% !important; */
	}
	.gform_footer {
		/* width: 40% !important; */
	}
}

.row-flex{
	margin:0 -10px;
}

.row-flex.row-gutter-40{
	margin:0 -40px;
}

.row-flex.row-gutter-60{
	margin:0 -60px;
}

.row-flex:after{
	content:' ';
	display:block;
	clear:both;
}

.row-flex *[class*="span-flex"]{
	padding:0 10px;
}

.row-flex.row-gutter-40 *[class*="span-flex"]{
	padding:0 40px;
}

.row-flex.row-gutter-60 *[class*="span-flex"]{
	padding:0 60px;
}

.span-flex-lg-1, .span-flex-md-1, .span-flex-sm-1, .span-flex-xs-1  	{ width:   8%; margin:0; }
.span-flex-lg-2, .span-flex-md-2, .span-flex-sm-2, .span-flex-xs-2  	{ width:  16%; margin:0; }
.span-flex-lg-3, .span-flex-md-3, .span-flex-sm-3, .span-flex-xs-3  	{ width:  25%; margin:0; }
.span-flex-lg-4, .span-flex-md-4, .span-flex-sm-4, .span-flex-xs-4  	{ width:  33%; margin:0; }
.span-flex-lg-5, .span-flex-md-5, .span-flex-sm-5, .span-flex-xs-5  	{ width:  41%; margin:0; }
.span-flex-lg-6, .span-flex-md-6, .span-flex-sm-6, .span-flex-xs-6  	{ width:  50%; margin:0; }
.span-flex-lg-7, .span-flex-md-7, .span-flex-sm-7, .span-flex-xs-7  	{ width:  58%; margin:0; }
.span-flex-lg-8, .span-flex-md-8, .span-flex-sm-8, .span-flex-xs-8  	{ width:  66%; margin:0; }
.span-flex-lg-9, .span-flex-md-9, .span-flex-sm-9, .span-flex-xs-9  	{ width:  75%; margin:0; }
.span-flex-lg-10, .span-flex-md-10, .span-flex-sm-10, .span-flex-xs-10 	{ width:  83%; margin:0; }
.span-flex-lg-11, .span-flex-md-11, .span-flex-sm-11, .span-flex-xs-11 	{ width:  91%; margin:0; }
.span-flex-lg-12, .span-flex-md-12, .span-flex-sm-12, .span-flex-xs-12 	{ width: 100%; margin:0; }

@media (max-width:992px){
	.span-flex-lg-1, .span-flex-lg-2, .span-flex-lg-3, .span-flex-lg-4, .span-flex-lg-5, .span-flex-lg-6, .span-flex-lg-7, .span-flex-lg-8, .span-flex-lg-9, .span-flex-lg-10, .span-flex-lg-11, .span-flex-lg-12{
		width:100%;
	}
}

@media (max-width:768px){
	.span-flex-md-1, .span-flex-md-2, .span-flex-md-3, .span-flex-md-4, .span-flex-md-5, .span-flex-md-6, .span-flex-md-7, .span-flex-md-8, .span-flex-md-9, .span-flex-md-10, .span-flex-md-11, .span-flex-md-12{
		width:100%;
	}
}

@media (max-width:480px){
	.span-flex-sm-1, .span-flex-sm-2, .span-flex-sm-3, .span-flex-sm-4, .span-flex-sm-5, .span-flex-sm-6, .span-flex-sm-7, .span-flex-sm-8, .span-flex-sm-9, .span-flex-sm-10, .span-flex-sm-11, .span-flex-sm-12{
		width:100%;
	}
}