/*

Theme Name: Yalu Child
Theme URI: http://www.spab-rice.com 
Description: Yalu Child is a minimal, clean and creative Multi-Purpose Theme.
Author: John Doe / Audiovisuel UQAM
Author URI: http://www.spab-rice.com 
Template: yalu
Version: 1.2
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, white, gray, one-column, two-columns, three-columns
Text Domain: yalu-child

*/

/* QUERIES FOR SMALL DEVICE: IPAD/PHONE */
@media only screen and (max-width: 680px){
	#logo{padding: 20px 0;} 
	a.open-responsive-nav{margin:0 0 20px 0;}
	footer .widget{text-align:center;}
		footer h4,
		footer p{text-align:left;}
		footer img{width:50%;}
	
	/*.pagetitle-background{background:#171717;}*/
	.pagetitle-background img{margin-left:-500px !important;}

	.box-nonspaced{margin-bottom:15px;}
}



/* QUERIES FOR MEDIUM DEVICE: IPAD/TABLETPC */
@media only screen and (max-width: 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#logo{padding: 20px 0;} 
	a.open-responsive-nav{margin:0 0 20px 0;}

	footer .widget{text-align:center;}
		footer h4,
		footer p{text-align:left;}
		footer img{max-width:200px !important;}

	.price-footer{text-align:center;}
	.price-footer>span{display:block; clear:both;}
	.price-footer a.y-button{margin:0 auto 5px auto; clear:both;}

	.main-inner .col-gauche{width:100%; padding-right:0;}
	.main-inner .assemblee{width:100%;}
}

/* QUERIES FOR LARGE DEVICE: DESKTOP */
@media only screen and (min-width: 1025px){
	#logo{padding: 40px 0;} 

	footer .wrapper{width:870px;}
	footer .column:first-child{width:150px; margin-right:10px;}
	footer .column:nth-child(2){width:220px; margin-right:10px;}
	footer .one-fourth{margin-right:40px;}
	footer .column:nth-child(2) .widget:nth-child(1){width:100%; padding:0 25px 0 25px; box-sizing:border-box;}
	footer .column:nth-child(2) .widget:nth-child(2){margin-top:0;}

	#portfolio-membre{margin:20px 0 20px 0; clear:both;}
		#portfolio-membre .portfolio-vignette{background:#1e73be; display:block; width:100%; border-radius:10px; border:#d9d9d9 solid 5px;}
		#portfolio-membre a.portfolio-vignette:hover{background:#004589;}
			#portfolio-membre .portfolio-vignette p{margin:0; padding:25px; color:#fff; font-size:125%; font-weight:bold; text-transform:uppercase; text-align:center;}

	#comments{padding:30px 0 0 0; margin-bottom:0;}
		#comments .comment-content{margin-left:0;}

	#leavecomment{}
		#leavecomment form{margin-top:0;}
		#leavecomment .logged-in-as{display:none;}
		#leavecomment .reply-title{display:none;}
		
		#leavecomment .bwp-recaptcha{float:left;}
		#leavecomment .form-submit{float:right; margin-top:0;}
			#leavecomment .form-submit .submit{padding:25px 40px 25px 40px;}

	#loginform{padding:0 0 50px 0;}
	form .form-value{width:100%;}
	.page #leavecomment form .form-row.textbox{width:100%;}
	.page #leavecomment form .form-row textarea{width:100%; box-sizing:border-box;}
					
	/* Chaires */
	.page-id-901 h5.team-name,
	.page-id-1132 h5.team-name,
	.page-id-1136 h5.team-name {font-weight:bold; margin-top:0px; padding-top:20px; background-color:#f5f5f5;}

	.page-id-901 p.team-text,
	.page-id-1132 p.team-text,
	.page-id-1136 p.team-text {margin-top:0px; padding-top:20px; padding-bottom:50px; background-color:#f5f5f5; }

	/* Membres */
	.top-inner .left-float .single-portfolio .team { background: none;}

	

	/* Menu langue */
	.wpml-ls-legacy-list-horizontal{padding:2px 0 0 0; border:none;}
		.wpml-ls-legacy-list-horizontal ul li{position:relative;}
		.wpml-ls-legacy-list-horizontal ul li:nth-child(1) a{padding:0 5px 0 0;}
		.wpml-ls-legacy-list-horizontal ul li:nth-child(2) a{padding:0 6px 0 6px;}
		.wpml-ls-legacy-list-horizontal ul li:nth-child(2):before{content:'|'; position:absolute; top:-2px; left:0;}
		.wpml-ls-legacy-list-horizontal ul li:nth-child(2):after{content:'|'; position:absolute; top:-2px; right:0;}
		.wpml-ls-legacy-list-horizontal ul li:nth-child(3) a{padding:0 0 0 5px;}

	.assemblee #leavecomment form .form-row.textbox{width:100%;}
		.assemblee #leavecomment form .form-row .comment_form{width:100%; max-width:100%; box-sizing:border-box;}
}

/* GÉNÉRAL */

.one-third .one-fourth{width:100%;}

#single-pagination{display:none;}
.logged-in-as{display:none;}

input.submit {
    font-family: Montserrat;
    font-weight: 700;
    text-align: center;
    background: #1e73be;
    display: block;
    line-height: 20px;
    font-size: 14px;
    padding: 10px 20px;
    color: #ffffff;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}
input.submit:hover {
    background: #333;
    color: #ffffff;
}

footer{background:#f5f5f5;}
	footer h4{color:#333333; border-bottom:1px solid #333333;}
	footer p{color:#333333;}
	footer a:hover{color:#1e73be; text-decoration:underline;}

/* Menu gauche */
	.assemblee .blog-content{margin-bottom:0;}
	.assemblee .blog-left{display:none;}
	.assemblee .blog-right{width:100%;}
	.assemblee .share{display:none;}

	.col-gauche{padding-right:30px; box-sizing:border-box;}
		.col-gauche .open-responsive-nav{display:none;}
		.col-gauche .textwidget{}
			.col-gauche .textwidget h2{background:#1e73be; margin:0 0 1px 0; padding:10px; color:#fff; font-size:125%; font-weight:400; line-height:normal;}

		.col-gauche div{}
			.col-gauche div ul,
			.col-gauche div .menu{list-style-type:none; margin:0; padding:0;}
				.col-gauche div .menu li{margin:0; padding:0;}
					.col-gauche div .menu li a{background:#f5f5f5; display:block; margin:0 0 1px 0; padding:10px;}
					.col-gauche div .menu li a:hover{background:#eeeeee;}

					.col-gauche .menu .current-menu-item a,
					.col-gauche .menu .current-menu-item a:hover{/*background:#333333;*/ background:#eeeeee; /*color:#fff;*/ color:#333333;}

/* DJ DEBUG	*/
/*
#comment-71 {
    display: none;
}
.logged-in #comment-71 {
    display: block;
}

.logged-in #comment-71:before {
    content:'VISIBLE POUR ADMIN ONLY';
    color: red;
}*/
#comment-section pre {
    display:none;
}
.logged-in #comment-section pre {
    display:block;
}