/*
Theme Name: Kahuna Child
Template: kahuna
*/
@import url("../kahuna/style.css");

/* ШРИФТЫ */
@import url("fonts/PT-Serif/font.css");

/* 
@import url("fonts/PT-Sans/font.css");
@import url("fonts/Literata/font.css");
@import url("fonts/Icons/font.css");
*/

html, body, .menu-item>a>span,
p, li, table, tr, td, div,
h1, h2, h3, h4, h5, h6 {
	font-family: 'PT-Serif' !important;
	
}

/* ПУНКТЫ В ГЛАВНОМ МЕНЮ */
/* Активный пункт */
li.current_page_item > a {color: #ffa500 !important;}

/* Раздел с вложенным активным пунктом */
li.current-menu-ancestor > a {color: #8cb65f !important;}

/* ЗАГОЛОВОК САЙТА */
@media screen and (max-width: 600px){
	/* подзаголовок на главной стр */
	p.byline {font-size: 16px !important;}
}

/* Поле с описанием страницы */
div#header-page-title-inside {
	border-radius: 10px;
}

/* ВИДЖЕТЫ и Я.ФОРМЫ */
/* div-контейнеры */
.my_widget_block, .offtheme_div, .yaform {
	border: 2px solid #8cb65f;
	border-radius: 15px;
	padding: 1em;
	background: rgb(140,182,95);
	background: linear-gradient(180deg, rgba(140,182,95,0.35) 0%, rgba(255,255,255,1) 100%);
	
	-webkit-box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	-moz-box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.yaform {
	display: inline-block;
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	padding: 1em;
	text-align: center;
}

.yf-marshrut {
	border-radius: 0px;
}

.yf-common {
	display:block;
	margin: 0 auto;
	width: 70%;
}

@media screen and (max-width: 1000px){ .yf-common {width: 85%;}      }
@media screen and (max-width: 800px) { .yf-common {width: 100%;}     }
@media screen and (max-width: 600px) { .yaform {padding: 1em 0.5em;} }

/* Заголовки  */
table.my_widget {width: 100%;}
.my_widget #header {
	padding-left: 0.5em;
	vertical-align: middle !important;
}

h1.my_widget, .yaform>h1 {
	color: #1e2c35 !important;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	text-transform: uppercase;
}

h2.my_widget, .yaform>h2 {
	color: #555555 !important;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	/* text-transform: lowercase; */
}
h1.my_widget, h2.my_widget {text-align: left;}

@media screen and (max-width: 600px) {
	h1.my_widget, .yaform>h1, h2.my_widget, .yaform>h2 {font-size: 14px;}
}

/* Отступы по умолчанию */
table.my_widget, .my_widget tr, .my_widget td, .my_widget td p  {
	margin: 0px;
	padding: 0px;
}

table.my_widget {
	margin-bottom: 0.5em;
}

/* Изображения и кнопка на виджетах */
.my_widget #image, .my_widget #image img {
	width:  50px;
	height: 50px;
	vertical-align: middle !important;
}

.my_widget #button {
	text-align: right !important;
	vertical-align: middle !important;
}
.my_widget #button a {margin: 0px;}

/* Кнопки */
.wp-block-button > a, a.a_but {
	border-radius: 5px !important;
	-webkit-box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	-moz-box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
}

a.a_but {
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	padding: 0.1em 0.5em;
	text-decoration: none !important;
	
}

/*span с изображением на кнопках*/
.but-img  { 
	background-size: contain;
	display: inline-block;
	margin-bottom: 2px;
	width: 20px;
	height: 20px;
	vertical-align: middle;	
}

/*Сдвинуть изображение левее на кнопках Wordpress*/
.wp-block-button__link > .but-img {margin-left: -10px;} 

/*изображения на кнопках*/
.back-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/back_w.png");}
a:hover > .back-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/back_b.png");}

.forward-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/forward_w.png");}
a:hover > .forward-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/forward_b.png");}


.dom-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/dom_w.png");}
a:hover > .dom-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/dom_b.png");}

.exit-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/exit_w.png");}
a:hover > .exit-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/exit_b.png");}

.login-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/login_w.png");}
a:hover > .login-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/login_b.png");}

.newuser-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/newuser_w.png");}
a:hover > .newuser-but {background-image: url("https://katalog-marshrutov.ru/my-files/img/newuser_b.png");}

/*цвет кнопок*/
.green_but > a, a.green_but {
	background-color: #8cb65f;
	border-left: 2px solid #9CC075 !important;
	border-top: 2px solid #9CC075 !important;
	border-right: 2px solid #7C9B72 !important;
	border-bottom: 2px solid #7C9B72 !important;
}

.red_but > a, a.red_but {
	background-color: #ff0000;
	border-left: 2px solid #ff0000 !important;
	border-top: 2px solid #ff0000 !important;
	border-right: 2px solid #A01A23 !important;
	border-bottom: 2px solid #A01A23 !important;
}

.orange_but > a, a.orange_but {
	background-color: #ef6c00;
	border-left: 2px solid #F08124 !important;
	border-top: 2px solid #F08124 !important;
	border-right: 2px solid #A77042 !important;
	border-bottom: 2px solid #A77042 !important;
}

/*прочие параметры кнопок*/
.wp-block-button > a:hover, a.a_but:hover {
	border: 2px solid #1e2c35 !important;
	color: #000000;
}

/* Главная страница ЛК: виджеты, логин, выход из лк */
.logintab {
	width: 100%;
}
.logintab tr, .logintab tr td  {
	color: #1e2c35;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	vertical-align: middle !important;
}

.logintab tr td:first-child {text-align: left;}
.logintab tr td:last-child {
	text-align: right;
	width: 7em;
}

div.my_login {display: none;}
div.my_login p {
	color: #1e2c35;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
div.my_login a {margin-top: 0.5em;}

@media screen and (max-width: 600px){
	.logintab {display: none;}
	div.my_login {display: block;}
}

.nodisplay {display: none !important;}
.offtheme_div {
	border: 1px solid #aaaaaa;
	background: #dddddd;
}

/* БЛОК ВИДЕО */
div.my-video {
	border: 2px solid #8cb65f;
	display:block;
	margin: 0 auto;
	width: 70%;
}
@media screen and (max-width: 1000px) {div.my-video {width: 85%;} }
@media screen and (max-width: 800px) {div.my-video {width: 100%;} }

/* ФОРМА ВХОДА В ЛК */
.form_login {text-align: center; margin-top: 1em;}
.form_login input[type] {border: 2px #8cb65f solid;}
.form_login input[type=submit] {width: 350px;}
.form_login input[type=text]   {width: 350px; color: #1e2c35; margin-bottom: 0.5em;}
.form_login input[type=text]::placeholder {color: #999999;}

.form_login input.err[type=text]     {border: 2px #cc0000 solid;}
.form_login input.err[type=password] {border: 2px #cc0000 solid;}

.form_login input[type=text]::-webkit-input-placeholder {color: #999999;}
.form_login input[type=text]::-moz-placeholder {color: #999999;}
.form_login input[type=text]:-moz-placeholder {color: #999999;}
.form_login input[type=text]:-ms-input-placeholder {color: #999999;}

.form_login input[type=password]   {width: 350px; color: #1e2c35; margin-bottom: 0.5em;}
.form_login input[type=password]::placeholder {color: #999999;}
.form_login input[type=password]::-webkit-input-placeholder {color: #999999;}
.form_login input[type=password]::-moz-placeholder {color: #999999;}
.form_login input[type=password]:-moz-placeholder {color: #999999;}
.form_login input[type=password]:-ms-input-placeholder {color: #999999;}

@media screen and (max-width: 600px) {
	.form_login input[type=submit]  {width: 95%;}
	.form_login input[type=text]    {width: 95%;}
	.form_login input[type=password]{width: 95%;}
}

.auth_err {
	color: #cc0000;
	font-size: 14px;
	font-weight:bold;
}

/* ФОРМА ПОИСКА МАРШРУТА */
.form_marshrut {margin-top: -7px;}
.form_marshrut input[type] {border: 2px #8cb65f solid; padding: 3px;}
.form_marshrut input[type=text] {width:10em;}
.form_marshrut input[type=text]::placeholder {color: #999999;}
.form_marshrut input[type=text]::-webkit-input-placeholder {color: #999999;}
.form_marshrut input[type=text]::-moz-placeholder {color: #999999;}
.form_marshrut input[type=text]:-moz-placeholder {color: #999999;}
.form_marshrut input[type=text]:-ms-input-placeholder {color: #999999;}

#no_route {
	color: #cc0000;
	font-size: 14px;
	font-weight:bold;
}

/* СПИСОК МАРШРУТОВ */
/* Кнопка "Список маршрутов" */
p.marshrut-list-button > a {
	background-color: #689f38;
	border: 2px solid #8cb65f;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-decoration: none !important;
	-webkit-box-shadow: -3px -3px 5px -3px rgba(34, 60, 80, 0.6) inset;
	-moz-box-shadow: -3px -3px 5px -3px rgba(34, 60, 80, 0.6) inset;
	box-shadow: -3px -3px 5px -3px rgba(34, 60, 80, 0.6) inset;
}

p.marshrut-list-button > a:hover {
	background-color: #44505b;
	border: 2px solid #8cb65f;
	color: #ffffff;
}

/* Блоки маршрутов в списке */
p.marshrut {
	background-color: #F8F8FF;
	border: 2px #777777 solid;
	color: #000000;
	cursor: pointer;
	padding: 0.5em;
	border-radius: 10px;
	text-align:left;
	
	-webkit-box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	-moz-box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	box-shadow: -5px -5px 7px -5px rgba(34, 60, 80, 0.6) inset;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

p.marshrut:hover {
	background-color: #8cb65f;
	border: 2px solid #003300;
}


@media screen and (max-width: 600px) {
	p.marshrut:hover{
		background-color: #F8F8FF;
		border: 2px #777777 solid;
	}
	p.marshrut:active {
		background-color: #8cb65f;
		border: 2px solid #003300;
	}
}

/* Примечание к маршруту в блоке */
.note {
	color: #cc3300;
	font-style: italic;
	font-weight: bold;
}

p.marshrut:hover .note {
	color: #660000;
}

/* КАРТА */
#map {
border: 2px solid #8CB65F;
font-weight: bold;
height: 400px;
z-index:0;
}
@media screen and (max-width: 500px){
	#map {height: 300px;}
}
.marker-cluster span {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

div.leaflet-control-gps {
	width: 34px !important;
	height: 34px !important;
}

a.gps-button {
	width: 26px !important;
	height: 26px !important;
}


/* ФОТО НА СТРАНИЦЕ "ОБ АВТОРЕ" */
img.author_min {display: none;}
img.author {
	border: 2px #8cb65f solid;
	border-radius: 5px;
	float: left;
	margin: 0em 1em 1em 0;
	width: 20%;
	height: auto;
}

@media screen and (max-width: 600px) {
	img.author {display: none;}
	img.author_min {
		display:block;
		margin: 0 auto;
		margin-bottom: 1em;
		width: 50%;
	}
}

/* Внутренняя тень нажатия кнопки / блока маршрута */
p.marshrut:active, .wp-block-button > a:active, a.a_but:active {
	-webkit-box-shadow: 5px 5px 10px -2px rgba(34, 60, 80, 0.6) inset;
	-moz-box-shadow: 5px 5px 10px -2px rgba(34, 60, 80, 0.6) inset;
	box-shadow: 5px 5px 10px -2px rgba(34, 60, 80, 0.6) inset;
}
/* ПЕРЕНОС СТРОКИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ */
br.for_mobile {display: none;}
@media screen and (max-width: 800px) { br.for_mobile {display: inline;} }

/* СПИСКИ В ДОКУМЕНТАХ (В ОФЕРТЕ И Т.Д.) */
.ul-in-docs {margin-left: 1em;}

/* ПОДВАЛ */
/* Скрыть надпись "Работает на wordpress и Kahuna" */
#footer-top .footer-inside {
    padding-top: 0em;
    padding-bottom: 0em;
    display: none;
}

/* Ссылки в подвале сайта */
p.my_footer > a {
	text-decoration: none !important;
	color: #bbbbbb;
}

p.my_footer > a:hover {
	font-weight: bold;
	color: #8cb65f;
}