@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:900');

::-moz-selection { color: #fff; background: #333;}
::selection { color: #fff; background: #333:}

html {background: #fff}
body {font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: lighter;}
a {color: #cc2229;}
a:hover {text-decoration: none; color: #000;}
p {margin: 0px;}
em {color: #e5a98f;}
.subtitle {font-weight: normal; font-style: italic; color: #e4ac00; font-size: 18px;}

h1, h2, h3 {font-weight: bold; font-family: 'Montserrat', sans-serif;}

.light {background: #f8e7dc;}
.dark {background: #e5a98f;}
.light a, .dark a {font-size: 32px;}

.quotes {text-align: center; margin-top: 50px;}
.quotes em {font-weight: normal; font-size: 18px; color: #cc2229;}
	
/** MENU **/
.navigation {position: absolute; top: 20px; left: 20px;}
.navigation .logo img {width: 80px;}

.uk-modal-dialog {height: 100%;}
.uk-grid-collapse {height: 100%;}

.main-menu-left {background: #cc2229; height: 100%;}
.main-menu-left ul {padding: 50px;}
.main-menu-left ul li {list-style: none;}
.main-menu-left ul li a {font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: bold; color: #d76f55; display: block; width: 100%; font-size: 35px; line-height: 40px; border-bottom: 5px solid #f8e7dc; padding-bottom: 20px; margin-bottom: 20px;}
.main-menu-left ul li a:hover {color: #fff; border-bottom-color: #d76f55;}
.main-menu-right {background: #fff; padding: 50px;}

.content {background: url('../images/content-background.jpg') fixed; background-size: cover;}
/* .content.o-nama, .content.about-us {background: url('../images/o-nama.jpg') fixed;} */
.content.o-nama .item-page h2, .content.about-us .item-page h2 {border-color: #fd2d00 !important;}

/** ANIMATIONS **/
.intro {text-align: center;}
.intro .number {height: 220px; padding: 0px 15px; margin-bottom: 30px;}
.intro .community {width: 470px; padding: 0px 50px 0px; margin-bottom: 150px;}

/** ARTICLE **/
.item-page {margin: 100px 0px 0px 0px;}
.item-page p {margin-bottom: 20px; line-height: 28px; font-weight: normal; color: #000;}
.item-page h2 {text-transform: uppercase; font-size: 72px; text-align: right; border-bottom: 5px solid #f8e7dc; padding-bottom: 20px; margin-bottom: 100px;}
.item-page .item-image img {width: 100%; margin-bottom: 30px;}


/** CATEGORY **/
.news .items-leading {margin: 70px 0px 0px 0px;}
.items-row {margin-bottom: 20px; border-bottom: 1px dotted #e5a98f; padding-bottom: 20px;}
.items-row p {font-size: 14px;}
.items-row .image {background: #fff; border-right: none; border-radius: 5px; overflow: hidden; margin-bottom: 10px;}
.items-row .image img {padding-right: 20px; border: 10px solid #fff;}
.items-row h2 a:hover {text-decoration: none; color: #000;}
.pagination {text-align: center;}
.pagination ul {padding-top: 10px; margin-top: 10px; border-top: 1px dotted #cc2229;}
.pagination ul li {display: inline-block;}
.pagination ul li a {background: #cc2229; color: #fff; padding: 2px 10px; border-radius: 20px; font-weight: bold; font-size: 12px; margin: 0px 2px; font-weight: bold;}
.pagination ul li a:hover {text-decoration: none; background: #000; color: #fff;}


/** POSITIONS **/
.spotlight {height: 100vh; text-align: center; margin-bottom: 50px;}
.coverImage {height: 100%; background: #FFA895;}

/** FOOTER **/
.footer {padding: 50px 0px; color: #fff; text-align: center;}
.footer ul {border-bottom: 1px solid #f8e7dc; padding-bottom: 20px; padding-left: 0px;}
.footer ul li {display: block;}
.footer ul li a {font-family: 'Montserrat', sans-serif; font-size: 28px; text-transform: uppercase; color: #000; margin: 0px 10px; font-weight: normal;}
.footer ul li a:hover {text-decoration: none; color: #cc2229;}
.language ul {border-bottom: none;}
.copyright {font-size: 12px; line-height: 24px; color: #000; margin-top: 30px;}

.uk-accordion-title, .uk-accordion-title:focus {background: #4444a4; color: #fff; font-weight: bold; font-size: 32px; text-align: center;}
.uk-accordion-title:hover {background: #e5a98f; color: #4444a4;}
.uk-accordion-title::before {background-color: #000;}

/** FORMS **/
.uk-button {background: #cc2229; color: #fff; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); margin: 20px 0px !important;}
.uk-button:hover {background: #000; color: #fff;}
input:focus, input:active {box-shadow: none;}

/** GALLERY **/
/*
.gallery {width: 100%; min-height: 200px; margin: 15px 0px 30px;}
.gallery a {display: block; height: 200px; margin: 5px;}
*/

/** LINKS **/
.link a {border: 1px solid #cc2229; border-radius: 3px; padding: 5px 10px; display: block; margin: 5px 0px; background: #fff; font-weight: bold;}
.link a:hover {background: #000; color: #fff; text-decoration: none;}

/** YOUTUBE **/
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** ERROR PAGE **/
.errorPage {background: #fff; text-align: center; margin-top: 100px;}
.errorPage .error img {width: 250px;}
.errorPage .error p {font-size: 18px; margin-bottom: 50px;}
.errorPage .error .button {color: #000; font-weight: normal; text-transform: uppercase; border: 1px solid #cc2229; padding: 5px 20px; border-radius: 3px;}
.errorPage .error .button:hover {background: #000; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; color: #cc2229; padding: 50px 0px; border-bottom: 1px dashed #cc2229; line-height: 110px;}

.TA_cdswritereviewlg {text-align: center; margin-top: 30px;}
.TA_cdswritereviewlg .widWRL {margin: 0px auto !important; max-width: 100% !important; width: 100% !important;}
.TA_cdswritereviewlg .textarea {width: 100% !important;}

@media (min-width: 768px) and (max-width: 1035px) {
	.navigation {position: absolute; top: 50px; left: 50px;}
	.navigation .logo img {width: 80px;}
	.main-menu-left ul li a {text-transform: uppercase; font-weight: bold; color: #d76f55; display: block; width: 100%; font-size: 40px; line-height: 65px; border-bottom: 5px solid #f8e7dc; padding-bottom: 20px; margin-bottom: 20px;}
	.item-page {margin: 50px 0px 0px 100px;}
}

@media (min-width: 1024px) and (max-width: 1440px) {
	.footer ul li {display: inline;}
	.navigation {position: absolute; top: 50px; left: 50px;}
	.navigation .logo img {width: 80px;}
	.main-menu-left ul li a {text-transform: uppercase; font-weight: bold; color: #d76f55; display: block; width: 100%; font-size: 55px; line-height: 65px; border-bottom: 5px solid #f8e7dc; padding-bottom: 20px; margin-bottom: 20px;}
	.item-page {margin: 50px 0px 0px 100px;}
}

@media (min-width: 1441px) {
	.footer ul li {display: inline;}
	.navigation {position: absolute; top: 50px; left: 50px;}
	.navigation .logo img {width: 80px;}
	.main-menu-left ul li a {text-transform: uppercase; font-weight: bold; color: #d76f55; display: block; width: 100%; font-size: 100px; line-height: 120px; border-bottom: 5px solid #f8e7dc; padding-bottom: 20px; margin-bottom: 20px;}
	.item-page {margin: 50px 0px 0px 100px;}
}