/*
Theme Name: Referer Theme
Description: Thème sur mesure pour le site Réfère-Moi.ça.
Version: 1.0.0
Author: Marc-Antoine Minville
Author URI: http://www.kajoom.ca/
Template: enfold
*/



/*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;}


/* Header */

div .logo {
    max-width: 368px;
}


/* Lightbox shortcode */
.white-popup {
    background: #fff none repeat scroll 0 0;
    margin: 20px auto;
    max-width: 640px;
    padding: 20px;
    position: relative;
    width: auto;
}
.black-popup {
    background: #transparent none repeat scroll 0 0;
    margin: 20px auto;
    max-width: 640px;
    padding: 0px;
    position: relative;
    width: auto;
}

/* See : http://www.kriesi.at/support/topic/tooltip-hover-text-on-pricing-table/ */
.pricing-table li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    clear: both;
    overflow: auto;
}

.pricing-table .av_font_icon.av-icon-style-border .av-icon-char {
	padding: 0;
}

.main_color .pricing-table .avia-heading-row a {
	color: white;
}

.main_color .pricing-table.avia-desc-col .av_font_icon.av-icon-style-border .av-icon-char {
	margin: 0 0 0 auto;
}


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




/*
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 */
	
}

/* #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) {
	
}

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

}

/* #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) {

}