@charset "utf-8";
/*
Theme Name: NAVARO
Template:   twentythirteen
*/

@import url("orig_style.css");

@font-face{
	font-family:'almoni-tzar';
	font-weight:300; /*(light)*/
	font-style: normal;
	src: url('font-files/almoni-tzar-aaa-300.eot'); 
	src: url('font-files/almoni-tzar-aaa-300.eot?#iefix') format('embedded-opentype'), 
		url('font-files/almoni-tzar-aaa-300.ttf') format('truetype'), 
		url('font-files/almoni-tzar-aaa-300.woff') format('woff'), 
		url('font-files/almoni-tzar-aaa-300.svg#almoni-tzar-light') format('svg');
}
@font-face{
	font-family:'almoni-dl';
	font-weight:400; 
	font-style: normal;
	src: url('font-files/almoni-dl-aaa-400.eot'); 
	src: url('font-files/almoni-dl-aaa-400.eot?#iefix') format('embedded-opentype'), 
		url('font-files/almoni-dl-aaa-400.woff') format('woff'), 
		url('font-files/almoni-dl-aaa-400.ttf') format('truetype');
}
@font-face{
	font-family:'almoni-dl';
	font-weight:700; 
	font-style: normal;
	src: url('font-files/almoni-dl-aaa-700.eot'); 
	src: url('font-files/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
		url('font-files/almoni-dl-aaa-700.woff') format('woff'), 
		url('font-files/almoni-dl-aaa-700.ttf') format('truetype');
}


/* template general things: */
html{/*height:100%; position:relative;*/}
body { font-family:'almoni-dl', sans-serif; font-size:15px; height:100%; position:relative; background:#f9f9f9; line-height:normal; min-width: 600px; overflow-x: hidden; }

.nav-menu li,
.wpcf7 input,
.wpcf7 textarea,
.home-news-container h2,
div.news h3,
h1.category,
.tzar,
.condensed {font-family: 'almoni-tzar', sans-serif; font-weight:300;}

.mobile-only {display:none;}
.desktop-only {display:block;}

.site {border:none; border-top:9px solid black; padding-top:14px; position:relative; max-width:none; padding-bottom:34px; background:url(images/bg.jpg) 100% 100% no-repeat; background-size:cover; min-height:950px; padding-top:79px;}

.site-main {width:auto; min-height:600px; display:block; margin-bottom:550px !important;}

.content-area {margin-right:308px; overflow:visible !important;}

.wrapper {width:100%; max-width:984px; margin:0 auto; position:relative; padding:0 30px;}

.home-link {display:block; background:url(images/header.png) 50% 0 no-repeat; height:175px; margin-bottom:14px;}

/*.home-link {display:block; background:black; height:83px; border-bottom:5px solid #de1559; margin-bottom:27px;}*/
/*h1.site-title {color:white; padding:0 28px; line-height:85px; font-size:42px; clip:auto;}*/

.entry-header, .entry-content, .entry-summary, .entry-meta {max-width:none;}
.entry-content:after {display:none;}

.entry-content a, .comment-content a,.entry-content a:hover, .comment-content a:hover {font:inherit; color:inherit;}
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {padding:0;}

.entry-content, .entry-summary, .entry-meta {max-width:none; width:auto; margin:0; line-height:1.5;}

/* forms: */
input[type="submit"],
input[type="reset"],
input[type="button"] {outline:none;}

form {position:relative;}
img { max-width: 100%; }
.loading-before:before {content:''; width:26px; height:26px; background:white url(images/ajaxloader.gif) 50% 50% no-repeat; background-size:contain; margin-right:10px; display:inline-block; vertical-align:top;}
.form-loading {display:none; position:relative; z-index:1; width:26px; height:26px; background:white url(images/ajaxloader.gif) 95% 50% no-repeat; background-size:contain; margin:0 10px; vertical-align:baseline;}
input,textarea { font:inherit; color:inherit; /*background:none; border:1px solid #b4b4b4;*/}
select.ltr, input.ltr, textarea.ltr {direction:ltr; text-align:right;}
select {white-space:nowrap;}

.button-multiline {height:auto;}

label {cursor:pointer;}

::-webkit-input-placeholder { font:inherit; color:inherit;}
:-moz-placeholder {font:inherit; color:inherit; opacity:1;}
::-moz-placeholder { font:inherit; color:inherit;}
:-ms-input-placeholder {font:inherit; color:inherit;}‬


input[type="submit"],input[type="button"],button,.button,a.button,.entry-content a.button {text-decoration:none; display:inline-block; background:#0ea7ff; color:white; border:none; padding:5px 20px; font-size:20px; font-weight:bold; cursor:pointer; text-align:center;}

label {position:relative;}
label.labels-array {margin-right:15px;}
label.block {display:block; margin-bottom:15px;}

/*input[type="checkbox"],
input[type="radio"] {position:relative; width:15px; margin:0 8px 0 0;}
input[type="checkbox"]:after,
input[type="radio"]:after {content:''; position:absolute; top:0; left:0; background:white; border:1px solid #0ea7ff; width:13px; height:13px; border-radius:3px; cursor:pointer;}
input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {background:#0ea7ff url(images/checkbox.png) 50% 50% no-repeat;}*/

.small {font-size:12px;}
.normal-line-height {line-height:normal !important;}
.line-height-wide {line-height:1.5;}
.word-wrap {white-space:normal;}
.capitalize {text-transform:capitalize;}

.checkbox-label > input[type="checkbox"],
.checkbox-label > input[type="radio"] {float:left; margin:2px 0;}
.checkbox-label > span {margin-left:25px; display:block;}

/* easing: */
.easing, .easing-200ms {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.easing-fast {-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.easing-500ms {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.easing-1s {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}

/* general things: */
h1, h2, h3, h4, h5, h6 {font-family:inherit; font-weight:bold; color:inherit;}

h1 {font-size:26px; font-weight:bold; line-height:initial;}
h1 a {text-decoration:none;}

h2 {}

h3 {}

.red {color:#de1559;}
.clearfix, .clear-fix {clear:both;}
.clear:after {content:''; display:table; clear:both;}

.left {float:left;}
.right {float:right;}

.underline {text-decoration:underline;}
.center {text-align:center;}
.justify {text-align:justify;}
.justify.center {text-align:justify; text-align-last:center;}
.normal {font-weight:normal;}
.italic {font-style:italic;}

.lighter {font-weight:lighter;}
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.no-underline, .no-underline:hover {text-decoration:none !important; color:inherit !important; font-weight:inherit !important;}

a:visited, a:hover, a, .widget a, .widget a:hover {color:inherit;}
a:hover {text-decoration:none;}

/* dashicons: */
.dashicons { width:auto; height:auto; font-size:inherit; line-height: inherit; text-decoration: inherit;}

/*slider: */
.slider-title-container {height:382px; position:relative; margin-bottom:24px;}
.slider-title-container > h1 {font-size:110px; font-weight:bold; color:#0ea7ff; position:absolute; bottom:0; left:24px; z-index:1; margin:0;}

.slider-container {height:382px; margin-bottom:35px;}
.slider {}
.slider .gallery-item {/*background-blend-mode:multiply;*/}
.gallery-single-slider .gallery-item {width:100%;}
.gallery-container {position:relative;}
.gallery {overflow:hidden; width:100%; height:100%; position:relative;}
.gallery-item {position:absolute; top:0; left:0; width:100%; background-position:50% 50%; background-size:cover; height:100%;}

.slider .gallery-navs {position:absolute; top:15px; right:12px;}
.slider-container-1-item .slider .gallery-navs {display:none;}
.gallery-nav {float:left; margin-right:10px; width:10px; height:10px; border-radius:10px; background:#403c3c; cursor:pointer;}
.gallery-nav.on {background:#0493a4; /*#dca913;*/}

/* sidebar: */
.sidebar {width:165px; float:right; padding-top:110px;}

.search-field {background:rgba(230,230,230,0.8) url(images/search.png) 2px 50% no-repeat; background-size:auto 80%;}

.navaro-logo {margin-bottom:35px; border:none; display:block;}
.nav-menu li {display:block; margin-bottom:13px;}
.nav-menu li a {display:block; font-size:22px; color:#231f20; background:none; padding:0; line-height:37px; border-bottom:5px solid #de1559;}
.nav-menu li.red a {color:white; background:#de1559; padding:0 5px; border-bottom:none;}
.nav-menu li.black a {color:white; background:black; padding:0 5px; border-bottom:none; text-decoration:underline; font-size:18px; line-height:30px; margin-top:25px;}

/* home: */

.slick-slider * {outline:none;}
body.home .all-topics-container { min-height:111px; position:relative; }

.home-news-container {height:230px; margin-bottom:20px; position:relative;}
div.news {padding:7px 12px;}
.home-news-container .gallery-item {background:#ffffff77;}
.home-news-nav {position:absolute; top:2px; left:0;}
.home-news-container h2 {text-decoration:underline; font-weight:23px; font-weight:100;}
.home-news-container h2:before {content:''; display:inline-block; width:7px; height:17px; background:#f60157; margin-left:5px; position:relative; top:1px;}
.news-container {margin:0 -38px;}
div.news {border-top:7px solid #050505; margin:0 38px;}
div.news h3 {border-bottom:1px solid #050505; font-weight:100; font-size:19px; line-height:26px; margin:0 0 10px 0;}
div.news img {width:120px; height:120px; border-bottom:3px solid #f60157; float:right;}
div.news .excerpt {margin-right:135px; font-size:15px;}
.arr-r, .arr-l {cursor:pointer; display:inline-block;}
.arr-r:before {content:url(images/arr-r.png); float:right; margin:2px 0 0 6px;}
.arr-l:after {content:url(images/arr-l.png); float:left; margin:2px 6px 0 0;}

.home-lecturers-container {height:440px;}

body.home .row-of-4 div.lecturer,
.search-result {height:200px; border:3px solid #de1559;}
body.home div.lecturer .lecturer-name,
.search-result .lecturer-name {text-align:start; padding:3px 3px 1px 2px; font-size:14px;}

.lecturer-tags {opacity:0;}
body.home div.lecturer:hover .lecturer-tags {opacity:1;}
.lecturer-tags .topic-tag {margin:0; font-size:12px; opacity:0; position:absolute; bottom:1px; left:0; line-height:1.5; background:black;}
.lecturer-tags .topic-tag.on {opacity:1; background:black;}

/* topics: */
.topics-container {text-align:center; margin-bottom:35px;}
.topics-container h4 {font-size:29px; font-weight:bold; margin:0 0 10px 0; letter-spacing:-0.5px;}
.topic-tag, a.topic-tag {display:inline-block; white-space:nowrap; color:white; font-size:15px; line-height:28px; padding:0 7px; border-radius:5px; background:black; text-decoration:none; margin:0 3px 9px 3px;}
.topic-tag.on, a.topic-tag.on, a.topic-tag:hover {background:#de1559;}

/* topics archive: */
div.lecture {margin-bottom:42px;}
div.lecture .lecturer-image {float:right; width:183px; height:232px; background-size:cover; background-position:50% 50%; position:relative; border:3px solid #de1559;}
div.lecture .lecturer-image .lecturer-name,
.search-result .lecturer-name {position:absolute; right:0; bottom:0; left:0; text-align:start; background:#de1559; color:white; font-size:18px; font-weight:bold; padding:3px 3px 1px 2px;}

div.lecture .lecture-thumb-main {background:white; margin-right:220px; border-bottom:7px solid #de1559; min-height:232px; padding:10px;}

div.lecture h2.lecture-name {margin:0; font-weight:900; color:#de1559; font-size:34px; line-height:30px;}
div.lecture h3.subtitle {margin:0 0 5px 0; font-weight:normal; color:#de1559; font-size:28px; line-height:24px;}

div.lecture .excerpt {font-weight:100; text-align:justify; font-size:15px;}
div.lecture .content {display:none; font-weight:100; text-align:justify; font-size:15px;}
div.lecture .with-image .excerpt,
div.lecture .with-image .content {margin-left:155px;}
div.lecture.show-full .excerpt {display:none;}
div.lecture.show-full .content {display:block;}
div.lecture .content p:last-child {margin-bottom:0;}
div.lecture a.lecture-video-link {float:left;}
div.lecture a.lecture-video-link img {width:142px; height:142px;}
div.lecture img.non-video-image {float:left; width:142px; height:142px;}
a.lecture-video-link {position:relative; display:inline-block;}
a.lecture-video-link .overlay {position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.3); opacity:1;}
a.lecture-video-link:hover .overlay {opacity:0.5;}
a.lecture-video-link:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url(images/play_.png) 50% 50% no-repeat;}

.read-more {color:#de1559; cursor:pointer;}

.lecture-video-popup iframe {width:100%; height:435px;}


/* lecturers page: */

h1.category {color:white; background:black; padding:30px 18px 5px 10px; font-size:40px; border-bottom:5px solid #de1559;}

.row-of-3 > * {width:30%; height:170px; float:right; margin-right:5%; margin-bottom:20px;}
.row-of-3 > *:nth-child(3n+1) {margin-right:0;}

.row-of-3 div.lecturer .lecturer-name,
.row-of-3 .search-result .lecturer-name {font-size:16px;}

.row-of-4 > * {width:22%; height:146px; float:right; margin-right:4%; margin-bottom:13px;}
.row-of-4 > *:nth-child(4n+1) {margin-right:0;}
div.lecturer,
.search-result {position:relative; background-size:cover; background-position:50% 50%;}
div.lecturer > a,
.search-result > a {position:absolute; top:0; right:0; bottom:0; left:0;}
div.lecturer .lecturer-name,
.search-result .lecturer-name {position:absolute; right:0; bottom:0; left:0; text-align:center; background:#de1559; color:white; font-size:15px; /*18px;*/ font-weight:bold;}

/* single lecturer page: */
.lecturer-sidebar {width:205px; float:right;}
.lecturer-sidebar div.lecturer-image {background-size:cover; background-position:50% 50%; height:270px; margin-bottom:30px;}
.lecturer-content {margin-right:220px;}
.lecturer-content h1 {margin:0 0 10px 0; background:#de1559; color:white; line-height:47px; padding:0 10px; font-size:24px; display:inline-block;}

.tabs {margin-bottom:20px;}
.tab-name {display:inline-block; cursor:pointer; font-size:20px; background:#de1559; color:white; padding:0 12px; line-height:37px; margin-left:5px; font-weight:bold; margin-bottom:12px;}
.tab-name.on {background:black;}
.tab-content {display:none; color:#231f1f; text-align:justify;}
.tab-content p:last-of-type {margin-bottom:0;}
.read-more {text-align:left; cursor:pointer;}

body.single-lecturer div.lecture .lecturer-image {display:none;}
body.single-lecturer div.lecture .lecture-thumb-main {margin-right:0;}

.lecturer-social {text-align:center;}
.social-facebook {margin:0 2px; display:inline-block; width:37px; height:37px; background:url(images/social-facebook.png) no-repeat;}
.social-twitter {margin:0 2px; display:inline-block; width:37px; height:37px; background:url(images/social-twitter.png) no-repeat;}
.social-instagram {margin:0 2px; display:inline-block; width:37px; height:37px; background:url(images/social-instagram.png) no-repeat;}
.social-website {margin:0 2px; display:inline-block; width:37px; height:37px; background:url(images/social-website.png) no-repeat;}

.lecturer-bio-popup h2 {font-size:46px; font-weight:bold; text-align:center; margin:0;}
.lecturer-bio-popup .lecturer-image {margin:0 auto 15px auto; width:203px; height:269px; background-size:cover; background-position:50% 50%; position:relative; border:3px solid black;}

.popup-content {border-top:6px solid #de1559; border-bottom:6px solid #de1559; font-size:19px; padding:20px 0;}
.popup-content p:last-of-type {margin-bottom:0;}
.popup-header {position:relative; min-height:150px;}

.scrollbar-container {height:408px; overflow:hidden; position:relative;}
.scrollbar-bar {position:absolute; top:0; right:0; bottom:0; width:13px; background:#d3cfd1; cursor:pointer;}
.scrollbar {position:absolute; top:0; right:0; width:13px; background:black;}
.scrolled {position:absolute; top:0; left:0; right:30px;}


/* search: */
.ui-autocomplete.ui-corner-all,
.ui-autocomplete .ui-corner-all {border-radius:0; /*display:block !important;*/}
.ui-menu-item {font-size:14px; margin:4px 0 !important;}
.ui-menu .ui-menu-item a {line-height:1.3 !important; padding-top:4px; padding-bottom:4px;}
.ui-state-focus {border-radius:0; background:#ccc !important; border:none !important; margin:0 !important;}

.ui-widget .small {font-size:11px;}

/* contact: */

body.page-template-contact .entry-content {border-bottom:7px solid #050505; margin-bottom:23px; font-size:28px;}

.wpcf7 p {margin:0 0 23px;}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {background:#de1559; color:white; font-size:22px; font-weight:100; line-height:32px; padding:5px 12px; border-radius:0; border:none; width:100%; height:auto;}
.wpcf7 textarea {height:172px;}
.wpcf7 .right {position:relative; width:242px;}
.wpcf7 .left {position:relative; margin-right:265px; float:none;}
.wpcf7 .submit-container {}
.wpcf7 input[type="submit"] {float:left; background:black; color:white; font-size:22px; line-height:42px; padding:0 12px;}

div.wpcf7-validation-errors {display:none !important;}
.wpcf7-mail-sent-ok,
.contact-form-sent-ok {border:none; color:#de1559; font-size:38px; font-weight:bold; padding:0; margin:0; width:400px; line-height:47px;}

/* social: */
.social-link {display:inline-block; margin:0 5px; width:26px; height:26px; border-radius:26px; background-color:#4f5769; position:relative; vertical-align:middle; background-size:26px auto; background-position:0 26px;}
.social-link:hover {background-color:#0ed977;}
.social-link:after {position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; line-height:26px; font-family:dashicons; color:white; font-size:16px;}
.social-link-facebook:after {content: "\f305";}
.social-link-google-plus:after {content:"\f462";}
.social-link-twitter:after {content:"\f301";}
.social-link-youtube {background-image:url(images/social/youtube.png);}
.social-link-vimeo {background-image:url(images/social/vimeo.png);}
.social-link-instagram {background-image:url(images/social/instagram.png);}
.social-link-imdb {background-image:url(images/social/imdb.png);}
.social-link-website {background-image:url(images/social/website.png);}

/* footer: */
.site-footer {border-top:5px solid #272727; background:black; color:white; font-family:arial, sans-serif; font-size:12px; font-weight:normal; padding:23px 0 50px 0;}
.site-footer a {color:inherit; text-decoration:none;}
.footer-credits {float:left;}

/* footer menu: */
.footer-menu {list-style-type:none; margin:0; padding:0; font-size:11pt; list-style-type:none;}
.footer-menu > li {float:right; padding:0; font-weight:normal; padding:0 10px; line-height:12px;}
.footer-menu a {text-decoration:none; color:white; font-size:12px;}
.footer-menu a:hover {text-decoration:underline; color:white;}

/* popups: */
.popup-container {position:absolute; top:0; right:0; bottom:0; left:0; display:none; background:rgba(255,255,255,0.93); z-index:10000;}
.popup {display:none; position:absolute; top:0; margin-top:30px; left:50%; width:675px; margin-left:-337px; text-align:start; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; overflow:auto;}
.popup-title {position:absolute; top:0; left:0; right:0; margin:0; background:#0ed977; line-height:33px; height:33px; color:white; font-size:17px; font-style:italic; font-weight:bold; text-align:center;}

.popup-hide {position:absolute; bottom:0; left:0;}
.popup-hide:after {display:block; content: "\f158"; font-family:dashicons; text-align:center; line-height:53px; font-size:19px; color:#4f5769; cursor:pointer; /*width:43px;*/ }
.popup a {color:#0ed977;}

/* 404: */
.error404 .page-header {background:none; font:inherit;}
.error404 .page-title:before {font:inherit; font-size:120px; content:'404'; position:relative; top:0; left:0; display:block; text-align:center; font-weight:bold; margin-bottom:20px;}
.error404 .page-wrapper {background:none;}

.search-form {width:270px; overflow:hidden; max-width:100%;}

.mobile-site-footer {display:none;}
.mobile-footer-links {display:none;}

@media screen and (max-width: 700px) {
	.content-area {margin-right:0;}
	.sidebar { float:none; width:auto; padding:0; display:flex; position:relative; gap: 20px; }
	a.navaro-logo img { height:130px; width:auto; max-width: none; }
	ul.nav-menu, div.nav-menu > ul {display:flex; flex-wrap:wrap; margin-left:-10px;}
	.nav-menu li { margin:0 0 8px 10px; flex-grow: 1; background:#de1559;}
	.nav-menu li a {color: white; background: #de1559; padding: 0 5px; border-bottom: none;}
	.nav-menu li.black {line-height:37px; height:37px; background:black; color:white;}
	.nav-menu li.black a {margin-top:0; display:inline;}
	.search-form {position:absolute; bottom:29px; left:0;}
	.site {padding-top:33px;}
}