/*
Theme Name: Kajoom Theme
Description: Thème sur mesure pour le site Kajoom.Ca.
Version: 1.0.1b
Author: Marc-Antoine Minville
Author URI: https://www.kajoom.ca/
Template: enfold
For Enfold Version: 3.7
*/



/*Add your own styles here:*/

/* @import url(http://fonts.googleapis.com/css?family=Kranky|Ribeye+Marrow|Oleo+Script+Swash+Caps|Yeseva+One|Rye|Sail|Milonga|Sonsie+One|Elsie+Swash+Caps|Emilys+Candy|Fascinate+Inline); 
 * 
 * font-family: 'Kranky', cursive;
 * 
 * */

/*
@import url(http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);
*/


/* Listes d'icônes */

/* all */
.main_color ::-webkit-input-placeholder { color:#A3A3A3; font-style:italic; }
.main_color ::-moz-placeholder { color:#A3A3A3; font-style:italic; } /* firefox 19+ */
.main_color :-ms-input-placeholder { color:#A3A3A3; font-style:italic; } /* ie */
.main_color input:-moz-placeholder { color:#A3A3A3; font-style:italic;}

strong, b {
    color: inherit !important;
}


.logo img { 
	margin: 20px 0;
}

#header_main_alternate.container_wrap {
	border-top-width: 4px;
	background: #eaeaea none repeat scroll 0 0;
}
.header_color .main_menu ul ul, 
.header_color .main_menu .menu ul li a, 
.header_color .pointer_arrow_wrap .pointer_arrow, 
.header_color .avia_mega_div, 
.header_color .av-subnav-menu > li ul, 
.header_color .av-subnav-menu a {
    background-color: #eaeaea;
}

/* General */
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}

.html_bottom_nav_header #top #menu-item-search > a {
	padding-right: 13px;
}
#top #s {
	background: #fff;
}

/* Home */
#top.home h1,#top.home h2 {
    font-size: 28px;
    line-height: 1.1em;
    margin-bottom: 10px;
    text-transform: none;
}

/* sub-header logiciels */
#sub_header, .main_color.sub_header {
	background: #fff url("images/layerPopupBg.png") left top repeat scroll;
}
.sub-header.logiciels .content {
    padding-bottom: 15px;
    padding-top: 15px;
    border-right: 0px solid;
}
.sub-header.logiciels .content .flex_column {
    padding-bottom: 10px;
    padding-top: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 13px;
}
	.sub-header.logiciels.liens-rapides .content .flex_column {
			padding-left: 2%;
			padding-right: 2%;
	}
.sub-header.logiciels .content .flex_column.first {
		border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.sub-header .avia-image-container {
		margin-bottom: 0;
}

#top .sub_header .slide-image {
	background: transparent;
}

div.sub-header.no-margin .flex_column {
    margin-left: 0%;
    width: 20%;
}
.special-heading-inner-border {
    display: none;
}
.sub-header.logiciels.liens-rapides .content .flex_column a img {
	vertical-align: middle;
}
.small h3 {
    font-size: 16px;
}

.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    border-radius: 15px;
}
.sub-header.logiciels .av-caption-image-overlay-bg {
    border-radius: 15px !important;
}

#top #header_meta {
	border-bottom-color: #333333;
}


.html_elegant-blog #top.home .avia-content-slider .blog-categories {
	display: none;
}
.html_elegant-blog #top.home .content {
	padding-bottom: 20px;
}
body .container_wrap .avia-content-slider {
	margin-bottom: 0;
}

.av_promobox.no-margin {
    margin-top: 0;
}

/* top-footer slogans */
.top-footer.slogans .content {
    padding-bottom: 25px;
    padding-top: 15px;
}
.top-footer.slogans .content .flex_column {
    padding-bottom: 10px;
    padding-top: 10px;
}
.top-footer.slogans .content section {
    padding-bottom: 0;
    line-height: 1.85em;
}
.top-footer.slogans .av-subheading {
    line-height: 1.85em;
}
.top-footer.slogans .modern-quote .av-special-heading-tag {
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 10px 0 10px;
}

/* Recherche */
#top .avia-search-tooltip {
	background-color: #eaeaea;
}


/* WPML */
#top .main_menu li.av-language-switch-item { display: block !important; }

/* Services */
#top.page-id-38 .avia-content-slider .slide-meta,
#top.page-id-38 .avia-content-slider .blog-categories,
#top.single-service .post-entry .post-meta-infos,
#top.single-service .post-entry .blog-tags.minor-meta {
    display: none;
}

/* Definitions */
#top.single-definition .post-entry .blog-categories,
#top.single-definition .post-entry .post-meta-infos,
#top.single-definition .post-entry .blog-tags.minor-meta {
    display: none;
}


/* Portfolio */
#top.page-id-485 .grid_id_commerce_sort,
#top.page-id-485 .grid-sort-container {
	margin-left: -2%;
	margin-right: -2%;
}
#top .grid-entry .isotope-item.no_margin.av_one_third,
#top .grid-sort-container .no_margin.av_one_third {
    width: 31%;
    margin-left: 2%;
    margin-bottom: 2%;
}
#top.page-id-485 .av-special-heading-h1 .special-heading-border {
    height: 1em;
}

.single-portfolio #main .container_wrap_first {
	display: none;
}
.single-portfolio .av-special-heading {
    margin-top: 0;
}
.single-portfolio .content {
	border-right-style: none;
}

/* Custom Fields */
.kjm-portfolio-fields, .kjm-portfolio-content {
	background: #fff;
	padding: 2em 4% 3em;
}

dl {
	margin: 1em 0;
}
.portfolio-details-inner .entry-content-wrapper,
.portfolio-details-inner dl,
.portfolio-preview-content dl,
.kjm-portfolio-fields dl {
	font-size: 0.9em;
	line-height: 1.7em;
}
dt.label {
		border-bottom: 1px solid #ccc;
    min-width: 30%;
    width: 30%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
}
dd.value {
    min-width: 66%;
    width: 66%;
    display: inline-block;
    vertical-align: top;
		margin-top: 3px;
		margin-bottom: -3px;
}
span[data-avia-tooltip]:hover {
	border-bottom: 1px dotted;
}


/* À propos */

/* Projets Supportés */
.bloc-projets-support {
	
}
#top .bloc-projets-support .avia-logo-element-container img {
	max-height: 150px;
}

#top .bloc-projets-support .avia-logo-element-container .slide-image {
	background: transparent; 
}

#top .bloc-projets-support .avia-logo-element-container img,
img.desaturate,
#top .desaturate img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
#top .bloc-projets-support .avia-logo-element-container img:hover,
img.desaturate {
	-webkit-filter: none;
	filter: none;
}

/* Promotions */

/* Black Friday */
#top .black-friday-neon .main_color .avia-color-theme-color {
	color: #ffffff;
	border-color: #49BFBF;
}
.black-friday-neon .main_color .pricing-table li.avia-heading-row, .black-friday-neon .main_color .pricing-table li.avia-heading-row .pricing-extra {
	background-color: #49BFBF;
	color: #ffffff;
	border-color: #728b57;
}
.black-friday-neon .main_color .pricing-table li.avia-pricing-row, .black-friday-neon .main_color .pricing-table li.avia-heading-row, .black-friday-neon .main_color .pricing-table li.avia-pricing-row .pricing-extra {
	background-color: #49BFBF;
	color: #ffffff;
	border-color: #728b57;
}

.black-friday-neon .main_color .primary-background, .black-friday-neon .main_color .primary-background a, div .black-friday-neon .main_color .button, .black-friday-neon .main_color #submit, .black-friday-neon .main_color input[type="submit"], .black-friday-neon .main_color .small-preview:hover, .black-friday-neon .main_color .avia-menu-fx, .black-friday-neon .main_color .avia-menu-fx .avia-arrow, .black-friday-neon .main_color.iconbox_top .iconbox_icon, .black-friday-neon .main_color .iconbox_top a.iconbox_icon:hover, .black-friday-neon .main_color .avia-data-table th.avia-highlight-col, .black-friday-neon .main_color .avia-color-theme-color, .black-friday-neon .main_color .avia-color-theme-color:hover, .black-friday-neon .main_color .image-overlay .image-overlay-inside::before, .black-friday-neon .main_color .comment-count, .black-friday-neon .main_color .av_dropcap2, #top #wrap_all .black-friday-neon .main_color .av-menu-button-colored > a .avia-menu-text, .black-friday-neon .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .black-friday-neon .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .black-friday-neon .main_color .av-open-submenu.av-subnav-menu li > ul a:hover {
	background-color: #4fcccd;
	color: #ffffff;
	border-color: #304713;
}

/* Promo Estivale */
#top .promo-estivale-brandon .main_color .avia-color-theme-color {
	color: #ffffff;
	border-color: #7D3663;
}
.promo-estivale-brandon .main_color .pricing-table li.avia-heading-row, .promo-estivale-brandon .main_color .pricing-table li.avia-heading-row .pricing-extra {
	background-color: #7D3663;
	color: #ffffff;
	border-color: #306e2d;
}
.promo-estivale-brandon .main_color .pricing-table li.avia-pricing-row, .promo-estivale-brandon .main_color .pricing-table li.avia-heading-row, .promo-estivale-brandon .main_color .pricing-table li.avia-pricing-row .pricing-extra {
	background-color: #7D3663;
	color: #ffffff;
	border-color: #6b6563;
}
	.promo-estivale-brandon .main_color .pricing-table li.avia-pricing-row {
		background-color: #873A6B;
	}

.promo-estivale-brandon .main_color .primary-background, .promo-estivale-brandon .main_color .primary-background a, div .promo-estivale-brandon .main_color .button, .promo-estivale-brandon .main_color #submit, .promo-estivale-brandon .main_color input[type="submit"], .promo-estivale-brandon .main_color .small-preview:hover, .promo-estivale-brandon .main_color .avia-menu-fx, .promo-estivale-brandon .main_color .avia-menu-fx .avia-arrow, .promo-estivale-brandon .main_color.iconbox_top .iconbox_icon, .promo-estivale-brandon .main_color .iconbox_top a.iconbox_icon:hover, .promo-estivale-brandon .main_color .avia-data-table th.avia-highlight-col, .promo-estivale-brandon .main_color .avia-color-theme-color, .promo-estivale-brandon .main_color .avia-color-theme-color:hover, .promo-estivale-brandon .main_color .image-overlay .image-overlay-inside::before, .promo-estivale-brandon .main_color .comment-count, .promo-estivale-brandon .main_color .av_dropcap2, #top #wrap_all .promo-estivale-brandon .main_color .av-menu-button-colored > a .avia-menu-text, .promo-estivale-brandon .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .promo-estivale-brandon .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .promo-estivale-brandon .main_color .av-open-submenu.av-subnav-menu li > ul a:hover {
	background-color: #662c51;
	color: #ffffff;
	border-color: #930F14;
}


/* 28 jours octobre */
#top .promo-28-jours .main_color .avia-color-theme-color {
	color: #ffffff;
	border-color: #001140;
}
.promo-28-jours .main_color .pricing-table li.avia-heading-row, .promo-28-jours .main_color .pricing-table li.avia-heading-row .pricing-extra {
	background-color: #001140;
	color: #ffffff;
	border-color: #e1e1e1;
}
.promo-28-jours .main_color .pricing-table li.avia-pricing-row, .promo-28-jours .main_color .pricing-table li.avia-heading-row, .promo-28-jours .main_color .pricing-table li.avia-pricing-row .pricing-extra {
	background-color: #001140;
	color: #ffffff;
	border-color: #e1e1e1;
}

.promo-28-jours .main_color .primary-background, .promo-28-jours .main_color .primary-background a, div .promo-28-jours .main_color .button, .promo-28-jours .main_color #submit, .promo-28-jours .main_color input[type="submit"], .promo-28-jours .main_color .small-preview:hover, .promo-28-jours .main_color .avia-menu-fx, .promo-28-jours .main_color .avia-menu-fx .avia-arrow, .promo-28-jours .main_color.iconbox_top .iconbox_icon, .promo-28-jours .main_color .iconbox_top a.iconbox_icon:hover, .promo-28-jours .main_color .avia-data-table th.avia-highlight-col, .promo-28-jours .main_color .avia-color-theme-color, .promo-28-jours .main_color .avia-color-theme-color:hover, .promo-28-jours .main_color .image-overlay .image-overlay-inside::before, .promo-28-jours .main_color .comment-count, .promo-28-jours .main_color .av_dropcap2, #top #wrap_all .promo-28-jours .main_color .av-menu-button-colored > a .avia-menu-text, .promo-28-jours .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .promo-28-jours .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .promo-28-jours .main_color .av-open-submenu.av-subnav-menu li > ul a:hover {
	background-color: #25bbd4;
	color: #ffffff;
	border-color: #304713;
}

.promo-28-jours .template-page .entry-content-wrapper h1 {
	text-transform: none;
}

.promo-28-jours .av-special-heading-h1 {
	margin-top: 0;
}


/* Structure */

.avia-section.color-section-slim {
	min-height: 1.3em;
}


/* Footer */
#footer {
    padding: 25px 0 35px 0;
}
#footer .av-special-heading,
#footer .widget {
    margin: 0;
    line-height: 1.85em;
}
#top .top-footer.slogans,
#footer {
    font-size: 13px;
}
#top .top-footer.slogans .av_one_fifth,
#footer div .av_one_fifth {
    margin-left: 3%;
    width: 17.6%;
}
#top .top-footer.slogans .av_one_fifth.first,
#footer div .av_one_fifth.first {
	margin-left: 0;
}
#top .title_container {
    background: #eaeaea none repeat scroll 0 0;
    border-bottom: 0 none;
    border-top: 1px solid #cccccc;
}
#top .title_container {

}
#top .title_container .breadcrumb {
    font-size: 12px;
    text-transform: uppercase;
    left: auto;
    line-height: 33px;
    margin-top: 0;
    position: relative;
    right: auto;
    top: auto;
    z-index: 10;
}
.title_container .copyright {
    font-size: 12px;
    text-transform: uppercase;
		float: right;
		line-height: 33px;
}
#top .alternate_color .copyright a {
    color: #666666;
}
#top .alternate_color .copyright a:hover {
    color: #222222;
}

/* Socket */
#socket {
	border-top-width: 4px;
	border-top-color: #98af80;
}
#socket .sub_menu_socket {
    float: none;
    margin-bottom: 10px;
}
#socket .sub_menu_socket a:hover {
	text-decoration: none;
}
#socket .menu {
    text-align: center;
}
#socket_2 .widget_nav_menu li,
#socket .sub_menu_socket li {
    display: inline-block;
    float: none;
}
#socket .menu {
    margin-bottom: 0;
    margin-top: 0;
}

#top #socket_2 .widget_nav_menu a {
    display: inline-block;
    line-height: 1.6em;
    padding: 0 10px;
    text-decoration: none;
    color: #999;
}
#top #socket_2 .widget_nav_menu a:hover {
    color: #ccc;
}

#top #socket_2 .widget_nav_menu {
    padding: 0;
}

/* Scroll to top link. */
#scroll-top-link,#scroll-top-link.avia_pop_class {
    background-color: #b1b1b1;
    border: 0px none #1f1f1f;
    color: #fff;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
    border-radius: 2em;
    bottom: 131px;
    display: inline-block;
    font-size: 1.9em;
    height: 1.1em;
    line-height: 0;
    vertical-align: middle;
    width: 1.1em;
    opacity: 0.4;
}
#scroll-top-link.avia_pop_class {
	opacity: 0.4;
}
#scroll-top-link:hover {
    background-color: #444444;
    border: 0px none #1f1f1f;
	color: #fff;
	opacity: 0.9;
}
#scroll-top-link.avia_pop_class:hover {
	opacity: 0.9;
}
[data-av_icon]::before {
    line-height: 1em;
}

/* WooCommerce */
.responsive #top .cart_dropdown {
	display: none !important;
}

/* Icons Lists */
.avia-icon-list-container {
	margin-top: 12px;
}

/* Support */
.teamviewer-ctn a img {
	vertical-align: middle;
}

/* Others - From Avia Quick CSS */
#advanced_menu_toggle, #advanced_menu_hide {
	background-color: #fff;
}
.av-main-nav > li > a {
   font-size: 15px;
}

/* Domaines */
.texte-nom-domaine .alpha > p {
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
}
@media(max-width:900px) and (min-width: 620px) {
	.texte-nom-domaine .alpha > p {
		-webkit-column-count: 4;
			 -moz-column-count: 4;
						column-count: 4;
	}
}
@media(max-width:619px) {
	.texte-nom-domaine .alpha > p {
		-webkit-column-count: 3;
			 -moz-column-count: 3;
						column-count: 3;
	}
}


.gksm-custom-menu-widget .menu-item-type-custom {
	display: none;
}


/* *
 * #################################
 * ####    RESPONSIVE STYLES    ####
 * #################################
 * */

.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
	background-color: #fff;
}

#top .forfaits-tabs-dark.avia-bg-style-scroll.alternate_color .sidebar_tab, 
#top .forfaits-tabs-dark.avia-bg-style-scroll.alternate_color .tabcontainer .tab {
	background: rgba(0,0,0,0.1);
	color: #dbdbdb;
}
#top .forfaits-tabs-dark.avia-bg-style-scroll.alternate_color .sidebar_tab.active_tab, 
#top .forfaits-tabs-dark.avia-bg-style-scroll.alternate_color .tabcontainer .tab.active_tab {
	background: #fff;
	color: #666666;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
	/* Add your Desktop Styles here */
	
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	
	#top #sub_header {
		display: none !important;
	}
	
}

/* #Desktop - Extra Large
================================================== */
@media only screen and (min-width: 1340px) {
	
}

/* #Desktop - Large
================================================== */
@media only screen and (min-width: 1140px) {
	

}

/* #Desktop - Large and below (Custom)
================================================== */
@media only screen and (max-width: 1440px) {


}

/* #Desktop - Large and below
================================================== */
@media only screen and (max-width: 1339px) {
	

}

/* #Desktop - Laptop and below
================================================== */
@media only screen and (max-width: 1139px) {


}

/* #Tablet - Tablet and below
================================================== */
@media only screen and (max-width: 989px) {


	.responsive #top .logo {
	
    }

}

/* #Tablet - Tablet and below (Custom)
================================================== */
@media only screen and (max-width: 858px) {

}

/* #Desktop - Laptop
================================================== */
@media only screen and (min-width: 990px) and (max-width: 1139px) {


}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width: 768px) and (max-width: 989px) {

	.responsive .logo img {
		margin: 20px 0;
	}
	
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {


	.responsive .logo img {
		top: 7px;
	}

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/*breaking point logic for the common  1/4 element in ipads. makes sure that it converts to a 1/2 element in most cases*/
@media only screen and (min-width: 768px) and (max-width: 989px) {


}

/*breaking point logic for the  1/5 element on mobile. makes sure that it converts to a 1/2 element */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (max-width: 559px) {


}

@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 339px) {

}