/*
 * Globals
 */

html,body { 
	height: 100%; 
	overflow-x: hidden;
}

@font-face {
	font-family: Stag;  
    src: url(https://lebilan.org/wp-content/uploads/fonts/Stag-Light.otf);  
    font-weight: normal;  
}

@font-face {
    font-family: Stag-book;  
    src: url(https://coalitionavenirquebec.org/wp-content/uploads/fonts/Stag-Book.otf);  
    font-weight: normal;  
}

@font-face {
    font-family: Avenir;  
    src: url(https://coalitionavenirquebec.org/wp-content/uploads/fonts/Avenir.ttc);  
    font-weight: normal;  
}

@font-face {
    font-family: BrandonGrotesque-Bold;  
    src: url(https://coalitionavenirquebec.org/wp-content/uploads/fonts/BrandonGrotesque-Bold.otf);  
    font-weight: normal;  
}

@font-face {
    font-family: BrandonText-Bold;  
    src: url(https://coalitionavenirquebec.org/wp-content/uploads/fonts/BrandonText-Bold.otf);  
    font-weight: normal;  
}

@font-face {
    font-family: Montserrat-Light;  
    src: url(https://coalitionavenirquebec.org/wp-content/uploads/fonts/Montserrat-Light.otf);  
    font-weight: normal;  
}

@font-face {
    font-family: Holland;  
    src: url(https://coalitionavenirquebec.org/wp-content/uploads/fonts/Holland.ttf);  
    font-weight: normal;  
}

body {
	font-family: "Avenir", Arial, sans-serif;
	font-size: 2vmin;
	color: #555;
	background-color: #fff;
	position: relative;
}

[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: none;
}

a {
	color: #00B3F1;
}

a:hover {
	color : #283881;
	-webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bg-light-blue {
	background-color: rgb(199,238,253);
}

.rounded-bottom-large {
	border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.fa-stack br { display: none }

#breadcrumbs {
	text-transform: uppercase;
	font-size: 12px;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.bg-blue {
	background-color: #01A8E7;
	color: #fff;
}

.bg-grey {
	background-color: #eee;
	color: #666;
}

.white a {
	color: white;
}

.exp {
    width:80px;
    height:80px;
    background-color: #01A8E7;
    border-radius:100%;
    line-height:80px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}

.page {
	font-size: 18px;
}

.big-btn {
	background-color: #00B3F1;
    color: #fff !important;
    padding: 10px;
    border-radius: 6px;
    border: none !important;
    font-weight: 900;
	text-align: center;
	min-width: fit-content;
	display: block;
}

.big-btn-responsive {
	/*font-size: 2vw;*/
}

.big-btn:hover, .fa-stack:hover, .button {
	text-decoration: none !important;
	border: none !important;
	transform: scale(1.05);
	transition: all ease 0.2s;
}

.fa-inverse {
	--fa-inverse: rgb(0,101,179);
}

a .fa-stack:hover {
	color: #00B3F1
}

.dark {
	background-color: #283881;
}

.fa-stack .dark {
	color: #283881;
	background:none;
}

.black-txt {
	color: #000;
}

.copyright {
	font-style: oblique;
}

/*
 * Override Bootstrap's default container.
 */
 
.fa-2x {
    font-size: 40px !important;
}

.h4, h4 {
    /*font-size: 2vw !important;*/
}

@media (min-width: 992px) {
	
	.container {
		width: 100% !important;
		max-width: 1500px !important;
	}
}



/*
HEADER
*/

.header .top-bar, .footer .legal, .frontpage-section, .team-grid-item-legend {
	background: rgb(0,101,179);
	background: -moz-linear-gradient(left, rgba(0,101,179,1) 0%, rgba(0,118,192,1) 50%, rgba(7,177,174,1) 100%);
	background: -webkit-linear-gradient(left, rgba(0,101,179,1) 0%, rgba(0,118,192,1) 50%, rgba(7,177,174,1) 100%);
	background: linear-gradient(to right, rgba(0,101,179,1) 0%, rgba(0,118,192,1) 50%, rgba(7,177,174,1) 100%);
    line-height: 1;
}

.frontpage-section h1 {
	margin-bottom: 0;
	color: #fff;
}

.header a, .social-icons a {
	color: #ffffff;
	font-size: 16px;
}

.social-icons ul, .social-icons ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
	text-indent: initial !important;
}

.social-icons a {
	width: 40px;
    display: block;
    text-align: center;
}

.social-icons ul li:before {
	content: '';
	display: none;
}

.social-tabs {
	position: absolute; 
	bottom: 0; 
	z-index: 888; 
	width: 100%;
}

.social-tabs .social-icons {
	float: right;
}

.social-tabs .social-icons a {
	background: #283881;
    border-radius: 6px 6px 0 0;
    padding-top: 4px;
}

.social-tabs .follow-me {
	font-size: small;
	text-transform: uppercase;
	margin-right: 10px;
	color: #fff;
}

.main-menu a {
    display: inline;
    text-align: center;
	padding: 4px 4px 10px 4px;
    font-size: 16px;
}

.main-menu a:hover {
	background-color: #ffffff;
	color: #00B3F1 !important;
	-webkit-transition: all 250ms ease;
    transition: all 250ms ease;
	text-decoration: none;
}

#mega-menu-wrap-max_mega_menu_4 .mega-menu-toggle {
	height: 130px;
}

#mega-menu-wrap-max_mega_menu_4 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
	margin-top: 40px;
}

.social-icons a:hover {
	color: #fff !important;
	-webkit-transition: all 250ms ease;
    transition: all 250ms ease;
	text-decoration: none;
	transform: scale(1.5);
}

.social-tabs .social-icons a:hover {
	color: #283881 !important;
	-webkit-transition: all 250ms ease;
    transition: all 250ms ease;
	text-decoration: none;
	transform: none;
	background-color: #fff;
}

.top-links {
	font-size: 16px;
	line-height: 2.5;
}

.brand-logo {
	width: 150px;
	height: auto;
	margin: 15px 34px 15px 0px;
}

.banner img {
	width: 100%;
	height: auto;
	align-self: center;
}

.middle-bar {
	background: rgba(26,96,168,0.8);
    border-top: 1px solid white;
    height: 40px;
}

.caq-menu {
	
}

.main-menu {
	text-transform: uppercase;
}

/* Nav links */
.caq-nav-item {
	position: relative;
	display: inline-block;
	padding: 10px;
	font-weight: 600;
}
.caq-nav-item:hover,
.caq-nav-item:focus {
	text-decoration: none;
}

/* Active state gets a caret at the bottom */
.caq-nav {
	display: inline-block;
}

.caq-nav .active {

}
.caq-nav .active:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -5px;
	vertical-align: middle;
	content: " ";
	border-right: 5px solid transparent;
	border-bottom: 5px solid;
	border-left: 5px solid transparent;
}

.big-news {
	position: relative;
	margin-top: 130px !important;
	border-top: 0.5rem solid #fff;
}

.big-news .image-container {
	background-repeat: no-repeat; 
	background-size:cover;
	background-position-y: top;
	background-position-x: center;
	position: relative;
	z-index: -40;
}

.big-news .image-container img {
	width: 100%;
    z-index: 10;
    height: auto;
}

.big-news .issue-wrapper {
	top: -10px;
	text-align:right;
	position: relative;
}

.big-news .issue-txt {
	height: fit-content;
	font-size: 20px;
	padding: 2px 10px 2px 50px;
	display: inline-table;
	position: relative;
	right: 12px;
}

.big-news .issue-txt:before {
	content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-15deg);
    z-index: -1;
}

.big-news .btn-wrapper {
	text-align: right;
}

.big-news .big-btn {
	/*position: absolute;
    bottom: 0px;
    right: 10px;*/
	text-transform:none;
}

.big-news .title-container {
	/*z-index: -20;
	border-bottom: 4px solid #283881;*/
	background-color: transparent;
}

.big-news .bottom-title-container {
	position: absolute;
    bottom: 0;
    left: 15px;
    right: 0;
	color: #fff;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.big-news .bottom-title-txt {
	padding-top: 6rem;
}

.site-content, .main-content, .activity {
	margin-top: 140px;
}

.main-content.team-member {
	margin-top: 130px;
}

.title-container {
	background-color: rgba(250, 250, 250, 0.85);
	padding: 10px;
	text-transform: uppercase;
	/*-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);*/
	position: relative;
	border-bottom: 2px solid #283881;
}

.title-container a {
	color: #283881;
}

.title-container .social-icons a {
	color: #fff;
}

.big-news .container .big-btn {
    width: fit-content;
    background: none;
    font-weight: 100;
    margin-bottom: 10px;
    padding: 0;
}

.news .container .big-btn {
	position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

h1 {
	font-family: "Montserrat-Light", Arial, sans-serif;
	font-size: 5vmin;
	font-weight: 900;
	color: #283881;
}

h2 {
	font-family: "Montserrat-Light", Arial, sans-serif;
	font-size: 2.5rem;
	color: #283881;
	font-weight: 900;
}

h3 {
	font-family: "BrandonText-Bold", Arial, sans-serif;
    font-size: 2rem;
}

h5 {
	font-family: "BrandonText-Bold", Arial, sans-serif;
    font-size: 1.5rem;
}

[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
	-webkit-transition: opacity 0.2s ease-in;
       -moz-transition: opacity 0.2s ease-in;
         -o-transition: opacity 0.2s ease-in;
                                      opacity: 0;
}

.lined {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 20px;
    width: 100%;
}

.lined:before,
.lined:after {
    content: '';
    border-top: 2px solid;
}

.lined-right {
    display: grid;
    grid-template-columns: auto minmax(20px, 1fr);
    align-items: center;
    text-align: left;
    grid-gap: 20px;
    width: 100%;
}

.lined-right:after {
    content: '';
    border-top: 2px solid;
}

.inverted {
	color: #fff;
}

.title-container a:hover {
	text-decoration: none;
	color: #283881;
}

/*
Spacings
*/

.spacing-large {
	margin: 40px 0 40px 0;
}

.spacing-large-bottom {
	margin-bottom: 40px;
}

.spacing-very-large-bottom {
	margin-bottom: 80px;
}

/*
Front page : quick links
*/

.box-wrap {
	position: relative;
	color: #fff;
	width: 100%;
	height: 100%;
}

.box-wrap::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    background-color: #283881;
    mix-blend-mode: multiply;
}

.quicklink .box-wrap {
	/*min-height: 440px;
	margin-top: -180px;*/
}

.quicklink .box-wrap img {
	margin-bottom: 20px;
}

.box-wrap .content {
	isolation: isolate;
	padding: 40px 40px 80px 40px;
}

.box-wrap img {
	text-align: center;
	width: 100%;
	isolation: isolate;
}

.box-wrap .content h3 {
	text-align: center;
    text-transform: uppercase;
    font-weight: 700;
	font-size: 24px;
}

h4 {
	text-align: left;
    font-weight: 700;
	color: #00B3F1;
}

.box-wrap .content .text {
	text-transform: uppercase;
}

.quicklink .box-wrap .content .svg-icon {
	max-height: 100px;
}

.box-wrap .content a {
	position: absolute;
	bottom: -38px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.box-wrap .content .big-btn {
	position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.fa-circle:before {
	border-radius: 100%;
    border: 3px solid #fff;
    background-color: #fff;}

/*
Speakup
*/
.speakup .image-container {
	background: transparent url(https://coalitionavenirquebec.org/wp-content/uploads/2019/02/test-exprimez-vous.jpg) center center/cover no-repeat fixed;
    padding-top: 80px;
    padding-bottom: 80px;
	background-blend-mode: overlay;
    background-color: rgb(112,115,160, 0.8);
}

.speakup .box-wrap .content .text {
	text-transform: none;
}

.speakup .box-wrap img {
	border: 10px solid #fff;
}

/*
Events
*/
.events .title-container {
	background-color: #283881;
}

.events .ajax-list {
	color: #00B3F1;
    border-bottom: 2px solid #283881;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: none;
}

.events .image-container {
	background: url(https://coalitionavenirquebec.org/wp-content/themes/caq2019/images/calendar.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position: relative;
	min-height: 100px;
}

.events .calendar-text {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
}

.events .table {
	height: 100%;
    width: 100%;
    display: table;
}

.events .cell {
	display: table-cell;
	vertical-align: middle;
 }

.events .calendar-text .month {
	margin-top: 2.5vw;
    /*font-size: 1.3vw;*/
}

.events .calendar-text .day {
	color: #00B3F1;
	/*font-size: 2.5vw;*/
}

.events .big-btn {
	width: 200px;
	display: initial;
}

/*
News
*/
.news .image-container {
	background: transparent url(https://coalitionavenirquebec.org/wp-content/themes/caq2019/images/bg-nouvelles.jpg) center center/cover no-repeat fixed;
    padding-top: 80px;
    padding-bottom: 80px;
	background-blend-mode: multiply;
    background-color: rgb(0,109,145, 0.6);
}

.news .box-wrap {
	background-color: #fff;
	color: #666;
}

.news .box-wrap::before {
	content: normal;
}

.news .box-wrap .content .text {
	text-transform: none;
	margin-top: 20px;
	font-size: 1rem;
}

.fullbox {
	box-sizing: content-box;
}

/*
Gallery
*/
.gallery {

}

.gallery .flex-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.gallery .media { 
	min-width: 0;
}

.gallery .flex-container .img {
	width: 20%;
	height: 0;
	padding-bottom: 20%;
	border: 2px solid #fff;
}

.gallery h1 {
	color: #283881;
}

/*
Volunteers
*/

.volunteers h1 {
	color: #00B3F1;
	border-bottom: 2px solid;
}

.volunteers .box-wrap {
	background-color: #fff;
	color: #666;
}

.volunteers .box-wrap::before {
	content: normal;
}

.volunteers .box-wrap img {
	border-radius: 50%;
}
.volunteers .box-wrap .content .text {
	text-transform: none;
	margin-top: 20px;
	font-size: 1rem;
	text-align: center;
}

.volunteers .name {
	display: block;
    margin-top: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.volunteers .city {
	display: block;
    color: #00B3F1;
}

/*
Donate
*/

.donate .image-container {
	background: transparent url(https://coalitionavenirquebec.org/wp-content/uploads/2018/08/unnamed-4.jpg) center center/cover no-repeat fixed;
    padding-top: 80px;
	padding-bottom: 80px;
	background-blend-mode: color;
    background-color: rgb(255,255,255, 0.5);
	/*z-index: -2;*/
}

.donate .content {
	padding-top: 0;
}

.donate .text span {
	display: block;
    width: 100%;
    text-align: right;
}

.donate .text .signature {
	margin-top: 10px;
}

.donate .text .small {
	font-size: 0.8rem;
}

.stats {
	padding: 30px;
	font-size: 60px;
	line-height: 72px;
    font-style: normal;
    text-transform: none;
    letter-spacing: 2px;
    font-weight: 900;
	text-align: center;
}

.stats .label {
	font-size: 18px;
    line-height: 28px;
    display: block;
	letter-spacing:normal;
}

.stats .label i {
	margin-right: 10px;
	font-size: 30px;
    vertical-align: bottom;
}

/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}

/*
Team member
*/
.team-member .banner .title-container {
	background-color: #283881;
}

.team-member .banner .title-container .button {
	background-color: #fff;
	color: #283881;
	border-radius: .25rem;
	padding: 6px;
	margin-left: 10px;
}

.team-member .banner .title-container .button:hover {
	background-color: #283881;
	color: #fff;
	-webkit-box-shadow:inset 0px 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 0px 1px #fff;
}

.team-member .banner .title-container .fas {
	font-size: larger;
    vertical-align: text-top;
}

.team-member-title h1 {
	font-size: 2rem;
	font-weight: 700;
}


/*
 * Posts
 */
h1 {
	
}

h2 {
	
}

h3 {
	
}

h4 {
	
}

.blog-post-meta {
	margin-bottom: 20px;
	color: #999;
}

/*
Édition spéciale
*/
.edition-speciale p,
.edition-speciale h1,
.edition-speciale h2,
.edition-speciale h3,
.edition-speciale h4,
.edition-speciale h5,
.edition-speciale h6,
.edition-speciale ul li,
.edition-speciale ol li,
.edition-speciale table {
	font-family: Lora,georgia,'times new roman',times,serif;
}

.edition-speciale p,
.edition-speciale ul li,
.edition-speciale ol li,
.edition-speciale table {
	font-size: larger;
	line-height: 1.7;
	text-align: justify;
}

.edition-speciale .social {
	margin-bottom: 20px;
}

.edition-speciale .gform_wrapper ul.gfield_checkbox li, 
.edition-speciale .gform_wrapper ul.gfield_radio li {
    display: inline-flex;
	margin: 0 40px;
}

.edition-speciale .article .gform_wrapper,
.edition-speciale .article .gform_confirmation_wrapper {
	font-size:  small;
	padding: 0 10px;
}

.edition-speciale .gform_wrapper ul li.gfield {
	margin-top: 0;
}

.edition-speciale .gform_wrapper li.hidden_label input {
	margin-top: 0;
}

.edition-speciale .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], 
.edition-speciale .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
	margin-bottom: 0;
}

.edition-speciale .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, 
.edition-speciale .gform_wrapper ul li.field_description_below div.ginput_container_radio {
	margin-top: 0;
}

.edition-speciale .gform_wrapper img {
	width: auto;
	height: auto;
}

.edition-speciale h2 {
	margin-top: 2rem;
	font-weight: 600;
}

@media only screen and (min-width: 641px) {
	.edition-speciale div.ginput_container_name span {
		padding-right: 11px;
		margin-right: -8px;
	}
}

.edition-speciale .review {
	background-color: #01A8E7;
    color: #ffffff;
    padding: 10px;
    font-weight: 700;
    font-size: larger;
}

.special-edition h1 {
	font-family: cabazon, serif;
	font-weight: 100;
	font-size: 6vw;
	text-transform: capitalize;
	/*text-shadow: 0.2rem 0.1rem 0.1rem rgba(0, 0, 0, 1);*/
	color: #000000;
}

.special-edition h4 a {
	color: #000000;
}

.special-edition h4 a:hover {
	color: #01A8E7;
}

.special-edition .content p {
	font-size: 1rem;
}

.auto-grid {
	--auto-grid-min-size: 12%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	background-color: #00B3F1;
}

.auto-grid .photo {
	width: 100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	opacity: 0.1;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.large-script {
	font-family: "Holland", "Cursive", sans-serif;
	font-size: 9vw;
}

.article {
	font-size: 16px;
	max-width: 1000px;
    margin: 0 auto;
}

.article a:hover {
	text-decoration: none;
}

.article h4 {
	color: #555;
	margin-top: 2rem;
}

.article h5 {
	line-height: unset;
}

.article img {
	width: 100%;
	height: auto;
}

.article .social {
	font-size: 24px;
}

.article .social a {
	color: #666;
}

.article .social a:hover {
	font-size: 24px;
	text-decoration: none;
	color: #01A8E7;
}

.equipe-text {
	font-size: 16px;
}

.contact, .contact_bloc {
	font-size: 16px;
}

/*
 * Grids
 */
.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: baseline;
}

/* Team grid
*/

.team-grid img {
	width: 100%;
	height: auto;
	/*max-width: 300px;
	max-height: 300px;*/
	border-radius: 0.25rem 0.25rem 0 0;
}

.team-grid-cen {
	font-size: 18px;
}

.team-grid-cen img {
	width: 100%;
    height: auto;
    border: 1px solid #eee;
    border-radius: 4px;
}

.team-grid-item {
	/*width: 300px;*/
	width: 23%; 
	margin: 10px;
}

.team-grid-item a {
	text-decoration: none;
	color: #666;
}

.team-grid-item a:hover {
	text-decoration: none;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.team-grid-item:hover {
	transition: all ease 0.2s;
}

.team-grid-item-legend {
	padding: 6px;
	text-align: center;
    font-size: 18px;
	font-weight: 300;
    color: #fff;
	line-height: normal;
	border-radius: 0 0 0.25rem 0.25rem;
}

.team-grid-item-legend strong {
	text-transform: uppercase;
	font-weight: 600;
}

.team-grid-item-legend-cen {
	padding: 6px;
	text-align: center;
    font-size: 18px;
	font-weight: 300;
	background-color: #fff;
    color: #666;
    border-radius: 0 0 0 10px;
}

.team-grid-item-legend-cen strong {
	font-weight: 900;
}

.team-grid-bio {
	background-color: #eee;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 40px;
    z-index: 99;
    top: auto;
    overflow: hidden;
	font-size: 18px;
	margin-top: 40px;
    margin-bottom: 40px;
	display: none;
}

.btn-close {
  color: #aaaaaa;
  font-size: 20px;
  text-decoration: none;
  padding:10px;
  position: absolute;
  right: 7px;
  top: 0;
}

.btn-close:hover {
  color: #919191;
}

.team-modale:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.btn-white-border {
	border: 3px solid #fff;
}

.opened:before {
  display: block;
}

.opened .team-modal-dialog {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 0%;
  left: 50%;
}

.team-modal-dialog {
  	background: #fefefe;
    border: #333333 solid 0px;
    border-radius: 5px;
    position: absolute;
    max-width: 900px;
    top: -100%;
    z-index: 11;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
	font-size: 18px;
}

.team-modal-body {
  padding: 20px 40px 20px 40px;
}

.team-modal-body .photo {
  	max-width: 200px;
    float: left;
    margin: 0 20px 10px 0;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

.left-side-infos {
	background-color: #01A8E7;
	color: #fff;
	font-size: 16px;
}

.team-social.email {
	border-top: 2px solid #fff;
}

.team-social {
    border-bottom: 2px solid #fff;
    width: 100%;
    padding: 10px;
}

.team-social.facebook {
	background-color: #3b5999;
}

.team-social.twitter {
	background-color: #55acee;
}

.team-social.instagram {
	background-color: #e4405f;
}

.team-social a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
}

.team-social a:hover {
	text-decoration: none;
	padding-left: 10px;
}

.team-social i {
	margin-right: 6px;
}

/* Videos grid
*/

.videos-grid img {
	width: 100%;
	height: auto;
	max-width: 340px;
	max-height: 170px;
	box-shadow: 0 3px 29px -6px rgba(0,0,0,.8);
}

.videos-grid-item {
	width: 340px; 
	margin: 10px;
	position: relative;
}

.videos-grid-item a {
	text-decoration: none;
	color: #666;
}

.videos-grid img a:hover {
	text-decoration: none;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.videos-grid img:hover {
	transform: scale(1.02);
	transition: all ease 0.2s;
}

.videos-grid-item-legend {
	padding: 10px;
	text-align: center;
    font-size: 18px;
	font-weight: 300;
}

.videos-grid-item-legend strong {
	text-transform: uppercase;
	font-weight: 600;
}

.videos-grid-item .overlay {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	max-height: 170px;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
}
  
.videos-grid-item:hover .overlay {
	opacity: 1;
}

.videos-grid-item .overlay i
{
	color: #fff;
	top: 40%;
	transform: translate(-50%,0);
	position: absolute;
	font-size: 50px;
}

/* Questions grid 
*/

.questions-grid {
	column-count: 4;
    column-gap: 1em;
}

.questions-grid-item {
	background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
	padding: 20px;
	background: #01A8E7;
	border-radius: 6px;
	font-size: 24px;
}

.questions-grid-item a {
	color: white;
	display: block;
	text-decoration: none;
}

.questions-grid-item a:hover {
	text-decoration: none;
}

.questions-grid-item:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.questions-author-info {
	font-size: 18px;
}

#questions-form {
	font-size: 18px;
	display: none;
	background-color: rgb(247, 252, 255);
    border-radius: 10px;
    padding: 10px;
}

#questions-form ul li {
	text-indent: 0;
}

.question-btn a {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
}

.question-btn a:hover {
	text-decoration: none;
}

.btn-opened {
	display: none;
}

/* PM en action grid 
*/

.pm-grid {
	column-count: 3;
    column-gap: 1em;
}

.pm-grid-item {
	display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    padding: 10px;
    background: #fff !important;
    font-size: 18px;
    border: 1px solid #eee;
}

.pm-grid-item a {
	display: block;
	text-decoration: none;
}

.pm-grid-item a:hover {
	text-decoration: none;
}

.pm-grid-item:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.pm-grid-item img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

/* News grid
*/

.news-grid img {
	width: 100%;
	height: auto;
	max-width: 380px;
	max-height: 190px;
	border: 1px solid #eee;
}

.news-grid-item {
	width: 380px; 
	margin: 10px;
}

.news-grid-item a {
	text-decoration: none;
	color: #666;
}

.news-grid-item a:hover {
	color: #01A8E7;
}

.news-grid img a:hover {
	text-decoration: none;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.news-grid img:hover {
	transform: scale(1.02);
	transition: all ease 0.2s;
}

.news-grid-item-legend {
	padding: 10px;
	text-align: left;
    font-size: 18px;
	font-weight: 300;
	line-height: 20px;
}

.news-grid-item-legend strong {
	font-weight: 600;
}

.news-grid-item-surtitre {
	color: #555;
	font-weight: 100;
    font-size: small;
	line-height: normal !important;
	display: block;
}

.news-grid-item-date {
	color: #999;
    font-weight: 100;
    font-size: small;
}

.news-grid-item-legend span {
	display: block;
	line-height: 3;
}

.special-edition .news-grid-item-legend span {
	display: inline-block;
	line-height: 2;
}

.special-edition .news-grid-item-legend p {
	font-size: smaller;
	line-height: 1.5;
	margin-bottom: 0.1rem;
}

.special-edition .issue {
	border-radius: 4px;
	padding: 10px;
	font-size: small;
	line-height: 3;
	background-color: #00B3F1;
	color: #ffffff;
}

.special-edition .issue:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #01A8E7;
}

.special-edition a:hover {
	text-decoration: none;
}

.special-edition .news-grid-item-legend .issue {
	font-size: x-small;
	padding: 0 10px 0 10px;
}

/* Related
*/
.related_videos img, .related_videos_item_img {
	max-width: 100px;
    margin-right: 10px;
	margin-bottom: 10px;
    vertical-align: top;
	float: left;
	position: relative;
}

.related_videos a:hover {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.related_videos_item {
	margin-top: 10px;
	clear: both;
}

.related_videos_item span {
	display: block;
	line-height: 1;
	margin-bottom: 4px;
}

.related_videos a {
	font-weight: 700;
	font-size: smaller;
}

.related_videos a:hover {
	text-decoration: none;
}

.related_date {
	color: #666;
    font-weight: 100;
    font-size: smaller;
}

.related_videos_item_img::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f144";
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    color: white;
	font-size: 24px;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	padding-bottom: 10px;
}

/*
Footer
 */

.footer {
	font-size: 14px;
	color: #999;
	background-color: #312c2b;
	line-height: 2;
}


.footer .footer-menu {
	padding: 40px;
}

.footer .footer-menu i {
	margin-right: 6px;
	display: inline;
}

.footer .footer-menu a {
	color: #999;
}

.footer .footer-menu a:hover {
	color: #00B3F1;
}

.footer h6 {
	font-weight: 600;
    padding-bottom: 6px;
	color: #eee;
}

.footer .legal {
	color: #fff;
	margin-bottom: 0;
}

.footer .legal div:first-child {
	padding: 10px;
	text-align: right;
	width: 40%;
	display: inline-block;
}

.footer .legal div:last-child {
	padding: 10px;
	text-align: left;
	color: #fff;
	display: inline-block;
}

.footer .legal div:last-child a {
	color: #fff;
	font-weight:100;
	margin-left: 20px;
}

.promisse:last-of-type {
	border-bottom: none !important;
}

/* background overlay */

#mPlayer {
  display: none;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  left: 0;
  top: 0;
}

/* video player */

#mPlayer DIV {
  position: fixed;
  background: #000;
  width: 100%;
  height: 100%;
  max-width: 976px; /* width of YouTube Player */
  max-height: 549px; /* height of YouTube Player */
  left: calc(50vw - 488px); /* 280 is .5(560), centers x axis*/
  top: calc(50vh - 275px); /* 157 is .5(315), centers y axis*/
}

/*
Infobulles
*/
#infobulle *,
#infobulle *:before,
#infobulle *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#infobulle {
    padding-top: 5px !important;
    max-width: 300px !important;
    overflow: hidden !important;
}

#infobulle h2 {
    margin: 0 0 8px 0 !important;
    font-size: 18px !important;
    line-height: 100% !important;
    font-weight: bold !important;
}

#infobulle .full-width-desc {
    width: 100% !important;
}

#infobulle .full-width-desc-markeur {
    width: 100% !important;
    padding: 0 !important;
}

#infobulle .content-marker:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

#infobulle .img-in-marqueur,
#infobulle .wrap-desc-markeur {
    float: left !important;
}

#infobulle .img-in-marqueur {
    width: 25% !important;
    padding: 3px !important;
    border: solid 1px #eee !important;
}

#infobulle .wrap-desc-markeur {
    width: 75% !important;
    padding-left: 20px !important;
}

#infobulle .description-marker {
    margin: 0 0 10px 0 !important;
    padding: 10px 13px !important;
    border: solid 1px #eee !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #333 !important;
    background: #f9f9f9 !important;
    white-space: pre-wrap !important;
}

#infobulle .contact-list {
    margin: 0 !important;
    padding: 0 !important;
}

#infobulle h2,
#infobulle .contact-list li,
#infobulle .contact-list li a {
    color: #1A1A1A !important;
}

#infobulle .contact-list li a {
    text-decoration: none !important;
    box-shadow: none !important;
}

#infobulle .contact-list li a:hover {
    text-decoration: underline !important;
}

#infobulle .contact-list li {
    position: relative !important;
    margin-bottom: 8px !important;
    padding-left: 15px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    list-style: none !important;
    background-image: none !important;
}

#infobulle .contact-list li.adresse:before,
#infobulle .contact-list li.telephone:before,
#infobulle .contact-list li.weblink:before {
    display: inline-block !important;
    position: absolute !important;
    top: 2px !important;
    left: 0 !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

#infobulle .contact-list li.adresse:before {
    content: '\f041' !important;
}

#infobulle .contact-list li.telephone:before {
    content: '\f095' !important;
}

#infobulle .contact-list li.weblink:before {
    content: '\f245' !important;
}

.sb_instagram_header, .sbi_header_link {
	display: none;
}

/*
SEARCH
*/
.search-post-title {
	font-size: 20px;
	font-weight: 700;
    text-align:left;
    display:block;
}

.search-post-link {
    line-height: 20px;
    text-align:left;
    display:block;
	color: #999;
}

.search-post-link:hover {
	text-decoration: none;
}

.search-post-excerpt {
    font-weight: 400 !important;
    text-align:left;
    display:block;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media screen and (max-width: 992px) {
	body {
		font-size: 1rem;
	}

	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}



	.header .social-icons {
		
	}
	
	.events .image-container {
		min-height: 80px !important;
	}
	
	.header .middle-bar {
		height: 0;
	}
	
	.big-news .image-container img {
		margin-top: 0 !important;
	}

	.team-grid-item {
		width: 30% !important; 
	}

	.stats {
		font-size: 48px;
	}
	h4 {
		text-align: left;
	}
	
	.mobile {
		display: block;
	}
	
	.special-edition h1 {
		font-size: 10vw;
	}
	
	.article h4 {
		font-size: 14px;
	}
	
	.issues-text {
		text-align: justify;
		font-size: 14px;
	}
	
	.issues-aside {
		font-size: 14px;
	}
	
	.social {
		float: none !important;
	}
	
	.bloc-soutien-title {
		font-size: 16px;
	}
	
	.today_picture_title {
		display: none;
	}
	
	.issues_header_title_wrapper {
		display: none;
	}
	
	.questions-grid {
		column-count: 1;
	}
	
	.pm-grid {
		column-count: 2;
	}
	
	.col-sm-12, .col-xs-12 {
		margin-bottom: 50px;
	}

	.team-grid-item {
		width: 40% !important; 
	}
}

/* Paging */
.paging {
    width: 100%;
    text-align: center;
}

.paging a, .page-numbers {
    text-align: center;
    background: #eee;
	color: #666;
	display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
	-webkit-transition: all 250ms ease;
    transition: all 250ms ease;
	text-decoration: none;
	border-radius: 4px;
	font-size: 16px;
}

.current {
	font-weight: 600;
	color: #fff;
	background-color: #666;
}

.paging a.active, .paging a:hover {
    background-color: #666;
    color: #FFF;
}

/* Impliquez-vous */

.action {
	font-size: 16px;
}
	
.action_bloc {
    box-shadow: 0px 0px 20px #888888;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 40px;
    max-width: 30%;
    margin: 10px;
    align-items: stretch;
	min-width: 330px;
}

.action_grid {
	display: -webkit-flex;
	justify-content: center;
    padding-bottom: 30px;
	flex-wrap: wrap;
}

.action_btn a, body .gform_wrapper .gform_footer input[type=submit] {
	background-color: #01A8E7 !important;
    color: #fff !important;
    padding: 10px;
    border-radius: 6px !important;
    border: none !important;
    font-weight: 900;
}

.action_btn-invert a {
	color: #01A8E7 !important;
    background-color: #fff !important;
    padding: 10px;
    border-radius: 6px !important;
    border: none !important;
    font-weight: 900;
	text-transform: uppercase;
}

.action_icon {
	font-size: 72px;
	color: #00b4f1;
	margin-bottom: 20px;
}

/* Bullet point */

.main-content ul li:not(.description_tab, .additional_information_tab, .list-display li) {
	list-style: none; 
	list-style-position: inside;
	text-indent: -1em;
}

ul li {
	list-style: none;
}

.edition-speciale ul li {
	list-style: initial;
}

 ul li::before:not(.description_tab, .additional_information_tab)  {
 	font-family: 'Font Awesome 5 Free';
 	font-weight: bold;
	color: #00b4f1;  
	content: "\f105"; 
	font-size: 1em; 
	padding-right: 0.5em; 
	position: relative;
	top: 0em;
}

ul li.nolist::before { 
   content:none; 
}

.list-display li {
	margin-bottom:.4rem;
	text-indent: -0.45em;
}
.list-checkmarks li {
	list-style-type:none;
	font-size: 1.5rem;
	font-family: "BrandonText-Bold", Arial, sans-serif;
	font-weight: 500;
	color: #283881;
}
.list-checkmarks li:before {    
	font-family: 'FontAwesome';
	content: "\f058";
	margin: 0 10px 0 -35px;
	color: #283881;
}

.list-contact i {
	color: #283881;
	font-size: 1.5rem;
}

.list-contact i:before {
	margin: 0 10px 0 -10px;
}

/* Nous joindre */

.contact_bloc {
	background-color:#01A8E7;
	width:100%;
	color: #fff;
	padding-right: 10%;
	padding-left: 10%;
}

.contact_form {
	color:#fff !important;
}

.contact_form-black {
	color:#333 !important;
}

.contact_background {
	background-color:#fff !important;
}

.gform_wrapper .gfield_required {
	color: unset !important;
}

input[type=text], select, textarea, .ginput_container_select select {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ginput_container_select select {
	background: #fff !important;
	border: 1px solid #ccc !important;
 }

.issues-item {
	border-radius: 4rem!important;
	border: 8px solid #fff !important;
}

/* Mobile */

.mobile_bloc1 {
	background-image: url("https://coalitionavenirquebec.org/wp-content/uploads/2018/08/application-web.png");
	background-size: cover;
	width:100%;
	height: 50%;
	margin-top: 50px;
}

.mobile_bloc2 {
	background-image: url("https://coalitionavenirquebec.org/wp-content/uploads/2018/08/mockuper.png");
	background-size: cover;
	width:100%;
	height: 50%;
}

.mobile_content {
	background: rgba(70,72,73,.2);
	display: -moz-inline-grid;
	padding: 25px;
	position: absolute;
	left: 10%;
	right: 45%;
}

@media only screen and (max-width: 1025px) {
	.mobile_content {
		background: rgba(70,72,73,.2);
		padding: 25px;
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 811px){
	
	.footer .container {
		display: none;
	}
	
	.footer .legal div:first-child, .footer .legal div:last-child {
		width: 100%;
		display:block;
		text-align: center;
	}
	
	.big_banner {
		height: auto;
		width: 100% !important;
	}
	
	.big_banner_btn {
		bottom: 20px;
		left: 20px;
		position: absolute;
		font-size: 3vmin;
	}
	
	.action_btn, action_btn-invert {
		font-size: 3vmin;
	}
	
	.frontCol2 {
		width: 100% !important;
	}
	
	.front .divCell {
		width: 100%;
	}
	
	.questions-grid {
		column-count: 2;
	}
	
	.pm-grid {
		column-count: 1;
	}
	
	.opened .team-modal-dialog {
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		top: 77px;
		left: 50%;
		position: fixed;
		bottom:0;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	
	.fullbox {
		box-sizing: border-box;
	}

	.team-grid-item {
		width: 100% !important; 
	}
}

@media (min-width: 768px) {
	.issues-icon {
		margin-left: -8px;
		margin-right: 8px;
	}
}

@media (max-width: 767px) {
	.issues-icon,
	.issues-title {
		text-align: center;
	}

	.big-news .bottom-title-container {
		position: relative;
		background-color: #000;
	}

	.big-news .bottom-title-container .container {
		max-width: initial;
	}

	.big-news .bottom-title-txt {
		padding: 15px;
	}
}

@media (max-width: 575px) {
	
	.caq-logo {
		padding-left: 15px;
	}

	.big-news .container .big-btn {
		font-size: 3vmin;
	}
	
	.spacing-very-large-bottom {
		margin-bottom: 60px;
	}
	
	.big-news .bottom-title-txt {
		padding-top: 1rem;
		padding-left: 15px;
		padding-right: 15px;
	}

	.issues .row {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.events .calendar-text .month {
		margin-top: 5vw;
		font-size: 4vw;
	}
	
	.events .calendar-text .day {
		color: #00B3F1;
		font-size: 5vw;
	}
	
	#front-calendar .col-sm-1 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	#front-calendar .col-sm-9 {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
		padding: 4px;
	}
	
	#front-calendar .col-sm-9 .row {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	#front-calendar .col-sm-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
	}
	
	.calendar-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	h4 {
		margin-bottom: 0;
		font-size: 1rem;
	}
	
	.bio-txt {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.responsibilities .call-to-action .float-right {
		float: none !important;
	}
	
	.col-md-4, .col-md-12, .col-sm-12 {
		padding-right: 0px;
		padding-left: 0px;
	}

	.special-edition .row {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.mobile_buttons {
	align-self: flex-end;
	display: inline-flex;
	margin-top: 25px;
}

.mobile_text {
	color: #fff;
	font-size: 1.5rem;
    text-align: justify;
    text-justify: inter-word;
}

.mobile_text h2 {
	color: #fff;
}

.mobile_img {
	height: auto;
	width: 100%;
}

/* WooCommerce */
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
	width: auto;
	line-height: 2;
}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}
	
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #00B3F1;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #00B3F1;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	padding: 0.4em 1em;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #283881;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	padding: 0.4em 1em;
}

.cart-contents {
    position: relative;
    display: inline;
    flex-flow: column nowrap;
    justify-content: center;
}

.cart-contents:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;	
    content: "\f07a" !important;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
	position: absolute;
    top: 15px;
    right: 1px;
    transform: translateY(-135%) translateX(45%);
    font-weight: bold;
    font-size: 10px;
    line-height: 18px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    text-align: center;
    color: #283881;
    background: gold;
    border-radius: 50%;
    padding: 1px; 
}

.mobile-cart-icon {
	position: relative;
	right: 10px;
	z-index: 9999;
	right: 80px;
}

.mobile .cart-contents-count {
	right: -10px;
}