@charset "UTF-8";

/*Program Akışları*/
article.page_article section#program_flow
{
	position: relative;
	max-width: 1500px;
	background-color: #232220;
	text-align: center;
	overflow: hidden;
}

article.page_article section#program_flow > h2
{
	display: inline-block;
	color: #fafafa;
	margin-bottom: 20px;
}

article.page_article section#program_flow > div.functions
{
	text-align: center;
	margin-bottom: 45px;
}

article.page_article section#program_flow > div.functions > button
{
	display: inline-block;
	height: auto;
	color: #aaa;
	padding-bottom: 5px;
	margin: 0px 15px;
	font-size: 13px;
	font-weight: 600;
	border-bottom: 2px solid rgba(0,0,0,0);
	transition: 0.5s;
}

article.page_article section#program_flow > div.functions > button.selected
{
	color: #d0d0d0;
	border-bottom: 2px solid #d0d0d0;
}

article.page_article section#program_flow > div.functions > button:hover
{
	color: #ce1527;
	border-bottom-color: #ce1527;
}

article.page_article section#program_flow > div.program_container
{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	
	position: relative;
}

article.page_article section#program_flow > div.program_container > button
{
	position: absolute; 
	display: inline-block;
	top: calc(50% - 16px);
	height: 32px; width: 18px;
	z-index: 10;
	opacity: 0.50;
	transition: 0.3s;
}

article.page_article section#program_flow > div.program_container > button:hover
{
	opacity: 1;
	top: calc(50% - 19px);
}

article.page_article section#program_flow > div.program_container > button#left
{
	background-image: url(../visual/icon/nav/left_single_white.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: 60px;
}

article.page_article section#program_flow > div.program_container > button#right
{
	background-image: url(../visual/icon/nav/right_single_white.png);
	background-repeat: no-repeat;
	background-size: contain;
	right: 60px;
}

article.page_article section#program_flow div.program
{
	flex: none;
	
	position: relative; left: 0%;
	width: calc(100% - 280px);
	
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	
	margin: 0px 140px;
	transition: 0.5s;
}

article.page_article section#program_flow div.program > div
{
	flex: 1;
}

article.page_article section#program_flow div.program > img
{
	display: inline-block;
	/*height: 225px; width: 300px;*/
	height: 225px;
	object-fit: cover;
	margin-left: 60px;
	opacity: 1;
}

article.page_article section#program_flow > div > div.program h2,
article.page_article section#program_flow > div > div.program p,
article.page_article section#program_flow > div > div.program ul li
{
	color: #fafafa;
}

article.page_article section#program_flow > div > div.program p
{
	color: #aaa; 
}

article.page_article section#program_flow > div > div.program > div > div.content
{
	display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
	float: right;
	
	margin-bottom: 30px;
	width: 100%; max-height: 4.5em;
	font-size: 16px;
	line-height: 1.3em;
	text-overflow: ellipsis;
	overflow: hidden;
}

article.page_article section#program_flow > div > div.program > div > img
{
	display: inline-block;
	height: 48px;
	margin-right: 30px;
	vertical-align: middle;
}

article.page_article section#program_flow > div > div.program > div > a.button_like
{
	display: inline-block;
	margin-top: 0px;
	background-color: #ce1527;
	vertical-align: middle;
}

article.page_article section#program_flow > div.list_container
{
	position: relative;
	display: none;
	max-height: 400px;
	width: 60%; max-width: 650px;
	padding: 10px;
	margin: 0px auto;
	background-color: #2a2927;
	border: 20px solid #2a2927;
	border-radius: 15px;
	overflow: auto;
}

article.page_article section#program_flow > div.list_container ul
{
	display: block;
}

article.page_article section#program_flow > div.list_container ul.sublist
{
	margin-top: 10px;
	margin-left: 42px;
}

article.page_article section#program_flow > div.list_container > ul > li
{
	position: relative;
	display: list-item;
	padding: 15px 0px;
	margin: 0px;
	border-bottom: 1px solid #151515;
	font-size: 0px;
}

article.page_article section#program_flow > div.list_container > ul > li:last-child
{
	border-bottom: none;
}

article.page_article section#program_flow > div.list_container > ul > li img
{
	position: absolute;
	top: 9px; left: 0px;
	
	display: inline-block;
	height: 32px;
}

article.page_article section#program_flow > div.list_container > ul > li span,
article.page_article section#program_flow > div.list_container > ul > li a
{
	display: inline-block;
	margin-left: 45px;
	font: 500 13.5px Montserrat,Helvetica,Arial,sans-serif;
	line-height: 1.5em;
	color: #fafafa;
	border-bottom: 1px solid transparent;
	transition: 0.3s;
}

article.page_article section#program_flow > div.list_container > ul > li span:hover,
article.page_article section#program_flow > div.list_container ul > li a:hover,
article.page_article section#program_flow > div.list_container ul.sublist > li a:hover
{
	color: #ce1527;
	text-decoration: underline;
}

article.page_article section#program_flow > div.list_container ul.sublist > li
{
	display: list-item;
	margin-bottom: 15px;
}

article.page_article section#program_flow > div.list_container ul.sublist > li:last-child 
{
	margin-bottom: 0px;
}

article.page_article section#program_flow > div.list_container ul.sublist > li a
{
	margin-left: 0px;
	color: #c8c5c5;
	font-size: 0.85em;
	font-style: italic;
}

/*Açık Tema*/
article.page_article section#program_flow.light
{
	background-color: #fafafa;
}

article.page_article section#program_flow.light > h2
{
	color: #232221;
}

article.page_article section#program_flow.light > div.functions > button
{
	color: #777;
}

article.page_article section#program_flow.light > div.functions > button.selected
{
	color: #555;
	border-bottom: 3px solid #555;	
}

article.page_article section#program_flow.light > div.functions > button:hover
{
	color: #485caa;
	border-bottom-color: #485caa;
}

article.page_article section#program_flow.light > div.program_container > button#left
{
	background-image: url(../visual/icon/nav/left_single.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: 60px;
}

article.page_article section#program_flow.light > div.program_container > button#right
{
	background-image: url(../visual/icon/nav/right_single.png);
	background-repeat: no-repeat;
	background-size: contain;
	right: 60px;
}

article.page_article section#program_flow.light div.program > img
{
	filter: contrast(1);
}

article.page_article section#program_flow.light > div > div.program h2
{
	color: #485caa;
}

article.page_article section#program_flow.light > div > div.program p
{
	color: #232220;
}

article.page_article section#program_flow.light > div.list_container
{
	background-color: #e2e2e0;
	border: 20px solid #e2e2e0;
}

article.page_article section#program_flow.light > div.list_container > ul > li
{
	border-bottom: 1px solid #dadada;
}
	
article.page_article section#program_flow.light > div.list_container > ul > li span,
article.page_article section#program_flow.light > div.list_container > ul > li a
{
	font-size: 13px;
	color: #232220;
}

article.page_article section#program_flow.light > div.list_container > ul > li span:hover,
article.page_article section#program_flow.light > div.list_container > ul > li a:hover,
article.page_article section#program_flow.light > div.list_container > ul.sublist > li a:hover
{
	color: #ce1527;
}

article.page_article section#program_flow.light > div.list_container ul.sublist > li a
{
	color: #434240;
}