/*
 Theme Name:   50 Years Theme
 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; }
.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;}

}

@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;
	}

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

	.top #rightpane .menu{
	}

	#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;
	}

	.header-full img{ transition: all .2s ease;}

}

@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 {

	}

	main{ border-top: none;}

	.header-full+.wrap.row .content{padding: 0 30px; background: #fff;}
	/*.header-full+.wrap.row > .content{ margin-top: -90px; }*/

	.home .page-header{ display: none; }

	.home .main-sidebar{ display: none; }
	/*.home .wrap.row{ width: 98%; max-width: none; }*/

	/*.home .content{ width: 100%!important; }*/



}
.buttons-nav strong{ font-weight: normal; }
/*.header-full.clip::after {*/
/*content: "";*/
/*display: block;*/
/*background: rgba(22, 41,58,.73);*/
/*width: 100%;*/
/*position: absolute;*/
/*z-index: 0;*/
/*height: 100%;*/
/*left: 0;*/
/*top: 0;*/
/*}*/

.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: 225px;  }

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



.buttons-nav{ text-align:center; }
.buttons-nav a{ display:block; position:relative; color:#fff; font-size: 30px; text-transform: uppercase; }
.buttons-nav a::after{ position:absolute; background:rgb(3,25,64); top:0; left:0; width:100%; height:100%; z-index:1; display:block; content:""; background: linear-gradient(to bottom, #045ccb 0%,#024bcb 25%,#003189 75%,#021436 100%); opacity: 0.6;  }
.buttons-nav figcaption > div{ position:absolute; top:50%; left:50%; z-index:2; transition: all 0.35s ease; text-align: center; }
.buttons-nav strong{ transition: all 0.35s ease; display: block; width: 100%; text-align: center; }

.buttons-nav > div{ margin-bottom: 10px;}

.buttons-nav p{text-align: center!important;}
.buttons-nav figcaption > div{
	transform: translate(-50%,-50%);
}

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

	.buttons-nav a.effect-roxy {
		overflow: hidden;
	}
	.buttons-nav figcaption > div{
		transform:translate(-50%, -30%);
	}



	.buttons-nav a.effect-roxy img {
		width: 100%;
		height: auto;
		/*width: -webkit-calc(100% + 60px);*/
		/*width: calc(100% + 60px);*/
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: all 0.35s, transform 0.35s;
		/*-webkit-transform: translate3d(-50px,0,0);*/
		/*transform: translate3d(-50px,0,0);*/
	}

	.buttons-nav a.effect-roxy figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate(-20px, 0);
		transform: translate(0, 20px);
	}

	.buttons-nav a.effect-roxy figcaption {
		padding: 3em;
		text-align: left;
	}

	.buttons-nav a.effect-roxy h2 {
		padding: 30% 0 10px 0;
	}

	.buttons-nav a.effect-roxy p {

		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s ease, transform 0.35 ease;
		-webkit-transform: translate(-10px, 0);
		transform: translate(0px, 25px);
	}

	.buttons-nav a.effect-roxy:hover img {
		opacity: 0.7;
		transform: scale(1.4);
	}

	.buttons-nav a.effect-roxy:hover figcaption::before,
	.buttons-nav a.effect-roxy:hover p {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.buttons-nav a.effect-roxy:hover figcaption > div {
		/*max-height: 2em;*/
		/*overflow-y: hidden;*/
		transform: translate(-50%, -50%);
	}

	.buttons-nav a.effect-roxy:hover figcaption > div {
		/*max-height: 800px;*/

	}

	.buttons-nav .effect-roxy img {
		/*max-width: none;*/
		/*width: -webkit-calc(100% + 60px);*/
		/*width: calc(100% + 60px);*/
		/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;*/
		/*transition: opacity 0.35s, transform 0.35s;*/
		/*-webkit-transform: translate3d(-50px,0,0);*/
		/*transform: translate3d(-50px,0,0);*/
	}

	.buttons-nav img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;
		opacity: 0.8;
		margin: 0;
	}

	.buttons-nav figcaption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

}

.textwidget ul{
	margin-left: 15px;
	padding-bottom: 15px;
}
.textwidget li{ margin-bottom: 5px; }

.page-template-sidebar-widget-right-left .clip{overflow: visible; }

.textwidget ul li:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 5px 0 -20px;
	color: #41a849;
}