/*
 Theme Name:   Warren G FLowers Art Gallery 2
 Description:  Child theme of Dawson College Theme
 Author:       Dawson College - Chris Georgieff
 Author URI:   http://dawsoncollege.qc.ca
 Template:     dawson-college
 Version:      2.0.0
 Text Domain:  dawson-college-child
*/


/*.graduate-img{ width: 20%; float: left; margin-right: 5%;  }*/

/*.graduate-content{ width: 75%; float: right; }*/
#content h2{  text-transform: uppercase;}
#content h3{ font-size: 18px; text-transform: uppercase;}

.post-entry h2 a{ font-size: 25px; line-height: 1.2;}

.exhibition-img img{ width: 100%;}

aside.top #rightpane{ background:#f8f8f8!important; border-top: 1px solid #444444!important; }
.page-header{border-bottom: none;}

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

}

@media screen and (min-width: 500px) {

	.post-entry h2 a{ font-size: 40px; line-height: 1; font-weight: 600; text-transform: capitalize;}

}

@media screen and (min-width: 740px) {
	.graduate-content{ padding-left: 20px;}
}

@media screen and (max-width : 979px) {
	.content p{ line-height: 18px; }
	main aside{ border:1px solid #d4d4d4!important; }
}

@media screen and (min-width: 980px) {

	header.all-nav.transparent{

		position: absolute;
		width: 100%;
		z-index: 99;
	}

	.entry-content{
		border: none;
		background: none;
		padding: 30px 0;
	}

	#rightpane .menu>.current-menu-ancestor, #rightpane .menu>.current-menu-ancestor>a{
		background: none;
	}

	#rightpane ul>li>ul>li{
		background: #2b2b2b;
		border-top: none;
	}
	#rightpane .menu .current-menu-item, #rightpane .menu .current-menu-item>a{
		#fff!important;
	}

}

@media screen and (min-width: 1920px) {

}



@media screen and (max-width: 499px) {
	.post-entry .post-img{ float: left; width: 100%; }

}

@media only screen and (min-width: 980px) {


	header .page-header {
		background: #000;
	}
	.page-header .dc_logo img{
		filter: invert(100%);
	}
	.breadcrumbs a {

	}

}

.pre-foot{background: rgba(6, 6, 6, 0.76)!important;}

.ex-date{
	padding-bottom: 10px;
	border-bottom: 2px solid #f3f3f3;
	margin-bottom: 13px;
	margin-top: 9px;
	text-transform: uppercase; color:#797979;
}

.post-content:before {
	content: "";
	display: block;
	height: 25px;
	background: #393e3d;
	width: 25px;
	margin-bottom: 10px;
}

.post-entry{ padding: 20px; overflow: hidden; background: #fff; margin-top: 25px; border-top: 5px solid #000; /* border-left: 10px solid #f7f7f7;*/ }
.post-entry img{ display: block; width: 100%; }
.post-entry h2{ background: none; border: none; box-shadow: none; margin: 0; padding: 0; font-weight: bold; display: inline; }
.post-entry h2 a{
	color: #000;
	display: block;
	margin: 0 0 20px 0;
	letter-spacing: -1.7px;
	/*word-break: break-word;*/
	/*hyphens: auto;*/
}
.post-entry a{ display: inline;}
.post-entry p{ margin-top:0;   }
.entry-content p{ margin-top: 0; }
.entry-content img{ display: block; margin-bottom: 10px;}
.post-entry .meta{ display: block; text-transform: uppercase; color: rgb(108, 108, 108); font-size: 13px;}

.tab-controls{ text-align: center; display: flex; justify-content: space-between; }
.tab-controls a{ color:#383838; font-size: 100%; text-transform: uppercase; display:inline-block; background: #fff; padding: 20px; text-align: center; }
.tab-controls a:last-child{ margin-right: 0; }
.tab-controls a.active{ background: #393e3d; color:#fff; }

.tab-content > div{ display: none; }
.tab-content > div.active{ display: block; }

.tab-content > div > div:first-child .post-entry{ margin-top: 0; }
header{ }
#rightpane .menu .current-menu-item, #rightpane .menu .current-menu-item>a{ background: #000!important; }
#rightpane .menu a:focus, #rightpane .menu a:hover{ background: #393e3d!important; }
.page-header .dc_logo{ text-align: right; }
.page-header .dc_logo img{ vertical-align: middle; width: 150px;  }


.not-main-site main{ background: #fff!important; background-image: none;  }
main .main-sidebar{ margin-top: 5.6em; }
main #rightpane{ border-left:10px solid #f7f7f7; border-top: 10px solid #000; padding-bottom: 20px; }
main #rightpane .sidebar-menu-title-bar{ background: #fff; color:#393e3d; }
#rightpane #webmaster{ background: #393e3d; }

/*header:after{*/
	/*content:"";*/
	/*display: block;*/
	/*height: 40px; background: #fff;*/
	/*position: absolute;*/
	/*width: 100%;*/
	/*transform: rotate(-1deg);*/
	/*bottom:0;*/
/*}*/

@media only screen and (min-width: 980px) {

	.single .entry-content {

		/*background: #f3f3f3;*/
		padding: 30px 0;
		border: none;
	}

	aside.top #rightpane .menu > li {

		border: none!important;
	}
}

/*.top_nav_left img, .mydawson-btn span{ filter: grayscale(100%); }*/

.art-header{ position: static; -webkit-backface-visibility: hidden; background-color: #000; }

body .page-header{ padding-bottom: 20px; }

/*remove in horizontal css */
aside.top #rightpane .menu > li{ border: none; }


/*.art-header{*/
	/*background-attachment: fixed;*/
/*}*/
/*!*only for webkit  browsers*!*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
	/*.art-header{*/
		/*background-attachment: scroll;*/
	/*}*/
/*}*/

.searchform{ padding: 0 10px;}
.side-search-box{ width: 75%; vertical-align: middle; }
.side-search-submit{ width: 25%; vertical-align: middle; padding: 4px;}
#nav-alphabet{ margin-bottom: 20px; text-transform: uppercase;}
#nav-alphabet .alphabet.all{ background: #548EC4; color: #fff;}

#nav-alphabet .alphabet{ display: inline-block; padding: 6px 12px; background: #efefef; line-height: 20px;}
@media only screen
and (min-width : 1920px) {
	#nav-alphabet .alphabet{  padding: 10px 15px;}
}
#nav-alphabet .alphabet.empty{ display: none;}
#nav-alphabet .alphabet.current, #nav-alphabet .alphabet.current:hover{ background: #BD5276; color: #fff; }
#nav-alphabet a.alphabet{ background: #fff; border: 1px solid #efefef;}
#nav-alphabet a.alphabet:hover{ background: #548EC4; color: #fff;}

@media only screen and (min-width: 980px) {
	.content h1 {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.top_nav{ border-bottom: 1px solid #444444!important; }

	header .wrap.row {
		
		max-width: 100% !important;
	}
	.header-image-caption{
		background: rgba(0,0,0,0.5)!important;
		position: absolute;
		right: 0;
		bottom: 0;
		color: #fff;
	}
}

