/*
Theme Name: Mahdeburzke Pravo
Theme URI: https://mdp.org.ua
Author: Bohdan Hdal
Author URI: https://bohdan.com.ua/
Description: Exclusive design for this project
Version: 1.0
Text Domain: mdp
*/

:root {
  --orange: #e34812;
}

body{font-family:"Lato", sans-serif;}

header{padding: 0;background:#FFF;position:relative;}
header .grid-container{position:relative;}
header .logoline{background: #3a4269;margin:60px 0;}
header .logobox{border-left:0px solid #266073;background:#3A4269;padding:20px 0;border-top: 7px solid var(--orange); margin: -19px 0 15px;box-shadow: 1px 2px 13px #00000059;position:relative;top:3px;}
header .menubox{}
#logo{position:relative;display:block;padding: 0px 35px 1px 20px;}
#logo div{border:0px solid; background-image:url(img/magdeburzke_logo.svg); width:90px; height:90px; float:left; background-repeat:no-repeat; background-size:contain; background-position:center; }
#logo span.name{margin: 9px 0 0 13px;display:inline-block;font-size: 2.3em; font-weight: 700;color:#FFFFFF; line-height:1em; word-break:break-word;}
#logo span.name span{display:block;}

#mainmenu{list-style:none;text-align:right; padding:10px; position:absolute;top:59px;right:5px;}
#mainmenu li{display:inline-block; padding:0 9px; font-weight:500; font-size:1.3em;}
#mainmenu li a{color:#ffffff;}

header .social{list-style:none;text-align:right; padding:10px; position:absolute;top:14px;right:5px;}
header .social li{display:inline-block; padding:0 9px; font-weight:500; font-size:1.1em;}
header .social li a, header .social li div{  color: rgba(255, 255, 255, 0.55); cursor:pointer;}

.mobilebox{display:none;  color:#FFF; position:absolute; top:37px; right:30px; font-size:1.5em;}
.mobilebox div{display:inline-block; margin-left:11px;}
.mobilebox .searchmenu{font-size:.8em; position:relative; top:-2px;}
.search{margin:0 0 0 5px;}

.frontpage_box .grid-container{/* padding-left:0px; */}

.boxtitle{margin: 0 0 20px;color:var(--orange);text-transform: uppercase;padding:0 0 10px;font-size:.8em;border-bottom: 1px solid var(--orange);}
.boxtitle a{color: var(--orange);}

#main_news ul, #sidebar_publ ul{margin:30px 0; list-style:none;}
#main_news li, #sidebar_publ li{margin:0 0 14px; display:table;}
#main_news .newdate, #sidebar_publ .newdate{color: var(--orange);font-size: .7em;padding: 8px 0 0;text-transform:  uppercase;text-align:  center;width: 100%;}
#main_news .date, #sidebar_publ .date{color:#828282;font-size: .7em;display:table-cell;padding: 0 8px 0 0;}
#main_news .title, #sidebar_publ .title{display:table-cell; margin: 0 0 0 50px; line-height:1.3em; font-size:.95em; color:#353d64; }
#main_news .status_topnews, #sidebar_publ .status_topnews{font-weight:bold;color:var(--orange);/* text-transform:uppercase; */}
#main_news .status_important, #sidebar_publ .status_important{font-weight:bold;}
#main_news .morenews{text-align:center; width:100%; padding:10px 0 0;}
#main_news .morenews a{color: var(--orange); font-size:.85em; text-align:center; display:inline-block;}

#main_topbox{margin-bottom: 30px;}

#main_topnews{/* margin-bottom: 40px; */ position:relative;}
#main_topnews > .innerbox{padding-top:15px;}

#main_topnews .imgbox{position:relative;}
#main_topnews .contentbox{background:#3a4269; padding:15px 15px 15px 20px;}
#main_topnews .img{display:block;min-height: 200px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
#main_topnews .title{font-size: 1.8em;font-weight: 600;line-height: 1.2em;color: #ffffff;margin: 10px 10px 0 0;display:inline-block;}
#main_topnews .desc{font-size: .85em;margin:15px 0 12px;color:rgba(255, 255, 255, 0.65);line-height: 1.5em;max-width: 370px; display:inline-block;}
#main_topnews .desc .txt{color:rgba(255, 255, 255, 0.65);/* display:block; */}
#main_topnews .date{font-size: .7em;color:#fa6e3c; margin:10px 0 0; text-transform:uppercase;}

#main_topnews .cat{color:#fff; font-size:.7em; text-transform:uppercase; background:rgba(224, 78, 27, 0.81); padding:5px 8px; position:absolute; top:22px; left:0;}
#main_topnews .cat a{color:#FFF;}
#main_topnews .readmore{display:inline-block;/* margin:13px 0 7px; */font-size:.9em;color: rgb(227, 72, 18);}
#main_topnews .readmore svg{ font-size:1.1em;position:relative;top:1px;}

.main_about{padding:0 0 40px;}
.main_about .img{margin:0 0 14px; background-size:cover; background-repeat:no-repeat; background-position:center; height:120px; display:block;}
.main_about .txt{font-size:.8em; color:#4f4f4f; display:inline-block;}


.news_categories{ overflow-x: scroll; margin:10px -.3rem; -ms-overflow-style: none;  overflow: -moz-scrollbars-none;}
.news_categories::-webkit-scrollbar {display: none;}
.news_categories ul{ white-space:nowrap; overflow-x: auto; margin:0; padding:15px 0;}
.news_categories li{white-space:nowrap; display:inline-block;}
.news_categories li a{padding: 1px .3rem;color:var(--orange);text-transform:uppercase;font-size:.75em;}

.otheritems_1 .img{display:block; height:150px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.otheritems_1 .title{font-size:1.1em; font-weight:bold; line-height:1.3em; margin:10px 0 5px; display:inline-block;}
.otheritems_1 .date{font-size: .7em;color:#999;}
.otheritems_1 .meta{margin:0 0 26px;}
.otheritems_1 .cat, .otheritems_2 .cat, .otheritems_1 .date{display:inline-block;}
.otheritems_1 .date{/* text-transform:uppercase; */}
.otheritems_1 .cat, .otheritems_2 .cat{color:#CCC; font-size:.7em; text-transform:uppercase; margin-right:5px;}
.otheritems_1 .cat a, .otheritems_2 .cat a{color:var(--orange);}




.otheritems_2 .cell{padding-bottom:29px;}
.otheritems_2 .img{display:block; height:150px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.otheritems_2 .title{font-size:1.1em; font-weight:bold; line-height:1.3em; margin:0px 0 15px; display:inline-block;}
.otheritems_2 .desc{font-size:.8em; color:#4f4f4f; display:inline-block; margin:0 0 10px;}
.otheritems_2 .date{font-size: .7em;color:#999;}

.otheritems_2 .cat, .otheritems_2 .date{display:inline-block;/* text-transform:uppercase; */}



.otheritems_3{margin: 30px 0 30px;}
.otheritems_3 .cell{padding-bottom:15px;}
.otheritems_3 .auto{padding-left:12px;}
.otheritems_3 .img{display:block;height:60px;width: 80px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.otheritems_3 .title{font-size:.85em; font-weight:500; line-height:1.3em; display:inline-block;}
.otheritems_3 .date{font-size: .7em;color:#999; margin:2px 0 15px;}








#footer{background: #3a4269;min-height: 150px;margin:20px 0 0;border-top: 7px solid var(--orange); color:#FFF; }
#footer .grid-container{position:relative; padding-top:35px; padding-bottom:60px; }

#footer .social{list-style:none;text-align:right; padding:10px; }
#footer .social li{display:inline-block; padding:0 9px; font-weight:500; font-size:1.5em;}
#footer .social li a{  color: rgba(255, 255, 255, 0.83);}

#footer .copy{font-size:.9em;}
#footer .alert{font-size:.8em; font-weight:300; padding:20px 0 0; max-width:350px; opacity:.6;}

#footer .createdby{text-align:right; font-size:.8em; opacity:.6; font-weight:300; margin:0 20px 0 0;}
#footer .createdby a{color:#FFF; font-weight:500; }

.tempbg{ min-height:300px; margin-bottom:20px;}


/** SIDEBAR **/

#single_news ul{margin:30px 0; list-style:none;}
#single_news li{margin:0 0 14px; display:table;}
#single_news .newdate{color: var(--orange);font-size: .7em;padding: 8px 0 0;text-transform:  uppercase;text-align:  center;width: 100%;}
#single_news .date{color:#828282;font-size: .7em;display:table-cell;padding: 0 8px 0 0;}
#single_news .title{display:table-cell; margin: 0 0 0 50px; line-height:1.3em; font-size:.95em; color:#353d64; }
#single_news .status_topnews{font-weight:bold; color:var(--orange); text-transform:uppercase;}
#single_news .status_important{font-weight:bold;}


/** SINGLE **/

.breadcrumbs{position:relative; top:-10px;}

.single_box{padding:0 0 40px; position:relative;}
.single_box h1{font-weight:bold; line-height:1.2em; font-size:2.6em; margin:20px 0 20px; color:var(--orange);}
.single_box .meta{font-size:.8em; color:#939393;}
.single_box .meta > div{display:inline-block; margin:0 13px 0 0;}

.single_content{color:#363636; position:relative;}
.single_content p a{color:var(--orange);}

.single_content .wp-caption-text{font-size:.8em; padding:6px 0; color:#707070; text-align:left;}
.single_content .alignleft{float:left; margin:0 20px 0 0;}
.single_content .alignright{float:right; margin:0 0px 0 20px;}
.single_content .alignright .wp-caption-text{text-align:right; margin:0 10px 0 0;}
.single_content .alignnone{float:none; margin: 0;}
.single_content .alignnone .wp-caption-text{text-align:center; margin:0;}

.source{font-size:.8em; color:#939393; margin:30px 0 0;}
.source a{color:#6379a7; text-transform:uppercase;}

.author{margin:-10px 0 10px;}
.author .img{display:inline-block; margin:30px 0 15px;}
.author .img img{border-radius:100%; width:60px; margin:-35px 0 0;}
.author .content{display:inline-block; padding:0 0 0 12px;}
.author .name{font-weight:bold; font-size:1.1em; display:block;}
.author .desc{font-size:.8em; color:#8b8b8b;}



.navigation{}
.navigation ol{margin:0; padding:0;}
.navigation ol li{list-style:none; display:inline-block; }
.navigation ol li span.current, .navigation ol li a{padding:7px 9px;margin:0 5px 0 0;color: #3a4269;background:#ebebeb;}
.navigation ol li .next, .navigation ol li .previous{background:#ebebeb;}
.navigation ol li span.current{cursor:default;background:none;font-weight:bold;background: #e34812;color:#FFF;}


.featured_photo{padding:14px 0;}
.photomode_full img{width:100%;}
.photomode_small{width:45%; float:left; margin:0 24px 24px 0;}
.featured_photo .descbox{font-size:.8em; padding:6px; color:#707070; text-align:right;}

/** ARCHIVE **/

.archivecontent{padding:0 0 40px; margin-top:-10px;}
.archivecontent .breadcrumbs{display:inline-block; padding:0; margin:10px 0 -10px;}
.archivecontent h1{font-weight:bold;line-height:1.2em;font-size:2.6em;margin: -10px 0 20px;color:var(--orange);text-align:  left;}


.archivecontent ul{list-style:none;}
.archivecontent li{padding:10px 0 20px; position:relative;}
.archivecontent li a.img{height:150px; width:100%; display:inline-block; background-size:cover; background-position:center;}
.archivecontent li .title{line-height:1.4em; display:inline-block; padding:10px 0 0; font-size:1em; font-weight:700;}
.archivecontent li .title:hover{color:#202651;}
.archivecontent .cat{color:#CCC; font-size:.65em; padding:1px 5px; text-transform:uppercase; position:absolute; top:22px; left:0; background:rgba(221, 78, 29, 0.81);}
.archivecontent .cat a{color:#FFF;}
.archivecontent .date{margin:10px 0 0; font-size:.7em;   color:#727272;}

.news-archive .archivecontent .title{font-weight:400; margin:0; padding:0;}
.news-archive .archivecontent .date{margin:0; }
.news-archive .archivecontent .status_topnews a{font-weight:bold; color:var(--orange); text-transform:uppercase;}
.news-archive .archivecontent .status_important a{font-weight:bold;}

.news-archive .archivecontent li{margin-top:0; margin-bottom:0; padding:0 0 20px;;}

.archive_categories{ overflow-x: scroll; margin:-10px -.3rem; -ms-overflow-style: none;  overflow: -moz-scrollbars-none;}
.archive_categories::-webkit-scrollbar{display: none;}
.archive_categories ul{ white-space:nowrap; overflow-x: auto; margin:0; padding:5px 0;}
.archive_categories li{white-space:nowrap; display:inline-block;}
.archive_categories li a{padding: 1px .3rem;color:#3a4269;text-transform:uppercase;font-size:.75em;}
.archive_categories li.active a{color:var(--orange); font-weight:bold; cursor:default;}




.responsive_menu, .searchbox{display: none;}

.responsive_menu{background:rgba(0, 0, 0, 0.9); position:fixed; width:100%; height:100%; top:0; left:0;}
.responsive_menu .menu_items{padding:30px; margin:0 50px 0 0; list-style:none; font-size: 1.3em; }
.responsive_menu .menu_items li{padding:4px 0;  border-bottom:0px solid rgba(255, 255, 255, 0.19);}
.responsive_menu .menu_items a{color:#FFF; width:100%; display:inline-block;}

.responsive_menu .menu_social{margin:30px 30px 0 23px;}
.responsive_menu .menu_social li{display:inline-block;margin:0;font-size: 1.2em;}
.responsive_menu .menu_social li a, .responsive_menu .menu_social li div{padding: 12px;color:#FFF;}

.responsive_menu .close{position:absolute; top:35px; right:25px; border:0px solid; padding:5px; color:rgba(255, 255, 255, 0.59); font-size:1.7em;}


.searchbox{background: rgba(239, 239, 239, 0.84);position:fixed;width:100%;height:100%;top:0;left:0;padding:35px 30px;text-align:  center;}
.searchbox .overlay{width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.searchbox .close{position:absolute; top:35px; right:25px; border:0px solid; padding:5px; cursor:pointer; color:rgb(155, 155, 155); font-size:1.7em;}
.searchbox .head{font-size: 1.9em;color: #4d4d4d;margin:0 0 10px;font-weight:  bold;}
.searchbox .content{margin:0;padding:0; z-index:2; max-width: 500px;margin: 0 auto; border:0px solid; padding:20px; border-radius:4px; }
.searchbox form{margin:0;padding:0;}

.searchbox .search-field{width:100%;margin:20px auto 10px; padding:23px; border:1px solid #b4b4b4; border-radius:4px; }
.searchbox .button{background:var(--orange); }

#errorsearch{margin:20px 0 0;}
#error_message{font-size:.9em;}


/* Large and up */
@media screen and (min-width: 64em) {}

/* Medium */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    header .social{top:12px; font-size:.8em;}
    #mainmenu{top:45px; font-size:.85em; right:10px;}
    header{border-top:4px solid var(--orange); margin:0 0 30px;}
    header .logoline{background: #3a4269;margin:0;}
    header .logobox{background:none;padding:10px 0;border: 0;margin:0;box-shadow:none;}
    #logo{padding:0 0 0 10px;}
    #logo div{}
    #logo span.name{margin:12px 0 0 13px; font-size:1.7em; width:200px;}

    .single_content .alignleft, .single_content .alignright, .single_content .alignnone{float:auto !important; margin: 0; width:100% !important;}
    .single_content .wp-caption-text{text-align:center; margin:0;}
    .single_content .alignleft img, .single_content .alignright img, .single_content .alignnone img{width:100%;}

}

/* Small only */
@media screen and (max-width: 39.9375em) {
    header{border-top:4px solid var(--orange); margin:0 0 10px;}
    header .logoline{background: #3a4269;margin:0;}
    header .logobox{background:none;padding:20px 0;border: 0;margin:0;box-shadow:none;}
    #logo{padding:0 0 0 10px;}
    #logo div{width:60px; height:60px;}
    #logo span.name{margin:6px 0 0 11px; font-size:1.5em; max-width:200px;}
    #menucontainer{display:none;}
    .mobilebox{display:block;}

    .single_box h1{font-size:1.7em;}
    .breadcrumbs{ top:0px; margin:0 0 5px;}
    .archivecontent .breadcrumbs{ top:0px; margin:0 0 -35px;}
    .archive_categories{margin-top:7px;}
    .single_content p{font-size:.85em;}
    .archivecontent h1{margin:20px 0 0;}
    .archivecontent li .title{font-size:.9em;}
    
    #error_message{margin:20px 0 0;}
    #error_message div{margin:10px 0 0;}


    .searchbox{padding:4px; background: rgba(38, 38, 38, 0.9);}
    .searchbox .head{font-size: 1.3em; padding:20px 0 0; color:#FFF;}
    .searchbox .content{padding:20px; background:none;}
    .searchbox .close{top:20px; color:var(--orange); font-size:1.4em;}

    .otheritems_2 .small-padding{margin-top:-10px; margin-bottom:10px;}

    .single_content .alignleft, .single_content .alignright, .single_content .alignnone{float:auto !important; margin: 0; width:100% !important;}
    .single_content .wp-caption-text{text-align:center; margin:0;}
    .single_content .alignleft img, .single_content .alignright img, .single_content .alignnone img{width:100%;}
   
    #footer{text-align:center;}
    #footer .alert{margin:0 auto;}
    #footer .social{text-align:center; padding:30px 0 10px; margin:0;}
    #footer .createdby{text-align:center; margin:10px 0 ;}

}

/*EditM*/
.commentlist a{
    color: #1779ba;
}

.comment-form .submit{
    background-color: #3a4269;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #3a4269;
}

.comment-form .submit:hover{
    cursor: pointer;
    background-color: #ffffff;
    color: #3a4269 ;
}

.comments-caption.boxtitle{
    font-size: 16px;
}

.comment-form .author{
    margin: 0 0 10px;
}