/*
Theme Name: Gomel Today
Text Domain: wpdmi
Theme URI: https://gomel.today
Author: Anton A. Sawko
Author URI: https://anton.sawko.com/
Description: Gomel Today Theme
Requires at least: 4.7
Requires PHP: 5.2.4
Version: 1.0
License:
License URI:
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('assets/css/header.css');
@import url('assets/css/modal.css');
@import url('assets/css/panel.css');
@import url('assets/css/layouts.css');
@import url('assets/css/card.css');
@import url('assets/css/singular.css?v=1.0.0');
@import url('assets/css/shortcode.css');
@import url('assets/css/archive.css');
@import url('assets/css/blogs.css');
@import url('assets/css/search.css');
@import url('assets/css/pagination.css');
@import url('assets/css/footer.css');


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer,
header, main, nav, section {
	display: block;
}

html, body {
	width: 100%;
	min-height:100%;
  min-width:320px;
	font-size:14px;
	/*line-height:140%;*/
  font-family: 'Roboto', sans-serif;
	font-style: normal; 
  background-color:#ffffff;
}

a {
  text-decoration: underline;
  color:#5e5e5e;
}

a:hover {
  /*color: #a6a6a6;*/
  color: #355c7c;
}

.container {
  max-width: 1470px;
  position: relative;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container-fluid {
	width:100%;
  max-width: 100%;
	margin:0 auto;
  position: relative;
}

.container-lg {
  width: 100%;
  max-width: 1200px;
  /*height: 100%;*/
  position: relative;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}



.main {
  margin-top:30px;
}

.content {
  width:100%;
  /*padding:30px 0;*/
  margin: 30px 0;
  
}

.sidebar {
  width:25%;
  flex: 0 0 25%;
  /*padding: 0 30px;*/
  padding-left:20px;
  /*border:1px solid #000;*/
}

h1, h2, h3, h4, h5, h6 {
  /*font-weight: bold;*/
  font-family: 'Roboto Condensed', sans-serif;
}

.row {
  display: flex;
  flex-direction: row;
}

.text-center {
  text-align: center;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-black {
  color: #000000;
}

.text-space {
  color: #8f949f;
}

.text-silver {
  color: #e0e1e3;
}

.text-night {
  color: #4e5158;
}

.text-default {
  font-size: 16px;
}

.text-middle {
  font-size: 18px;
}

.text-big {
  font-size: 24px;
}

.bg-white {
  background-color: #ffffff;
}

.bg-dark {
  background-color: #222;
}

.shadow {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(149,148,148,0.3);
  -moz-box-shadow: 0px 0px 5px 1px rgba(149,148,148,0.3);
  box-shadow: 0px 0px 5px 1px rgba(149,148,148,0.3);
}

/* Focuspoint */ 

.focuspoint {
 width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative!important;
}

.focuspoint img {
  position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-height: none; max-width: none;
}

.wpdmi-icon-telegram {
  background-color: #0088cc;
}

.wpdmi-icon-facebook {
  background-color: #3b5998;
}

.wpdmi-icon-vk {
  background-color: #4680c2;
}

.wpdmi-icon-twitter {
  background-color: #1da1f2;
}

.wpdmi-icon-instagram {
  /*background-color: #833ab4;*/
  background-size: cover;
  background-position: center;
  background-image: url('assets/images/bg-instagram.jpg');
}

.wpdmi-icon-odnoklassniki {
  background-color: #ed812b;
}

.wpdmi-icon-youtube {
  background-color: #ff0000;
}

.wpdmi-icon-phone {
  background-color: #355c7c;
}

.wpdmi-icon-mail {
  background-color: #355c7c;
}

.wpdmi-icon-viber {
  background-color: #665cac;
}

.wpdmi-icon-telegram {
  background-color: #0088cc;
}

.wpdmi-icon-whatsapp {
  background-color: #128c7e;
}

/* Map */
#map {
  height: 600px;
}

.map-labels {
  width:120px;
  font-weight: bold;
  color: #355c7c;
  text-align: center;
  font-size: 17px;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.map-title {
  font-size: 18px;
  font-weight: bold;
}

/* Map menu */
.menu-places {
  margin-bottom: 20px;
}
.menu-places ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.menu-places ul li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.menu-places ul li a {
  background-color: #355c7c;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 14px;
  display: inline-block;
  color: #ffffff;
}

.menu-places ul li a:hover {
  background-color: #5492c5;
}

/* Selected text */

.selected-text {
  font-weight: 700;
  font-size: 36px;
  color: #28478d;
}

.selected-text__red {
  color:#bc0d22;
}

/* Flex */

.d-flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
	justify-content:center;
}

.justify-content-between {
  justify-content: space-between;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.mt-1 {
  margin-top: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-4 {
  margin-top: 40px;
}

.mt-5 {
  margin-top: 50px;
}

.mt-6 {
  margin-top: 60px;
}

.mt-7 {
  margin-top: 70px;
}

.mt-8 {
  margin-top: 80px;
}

.mt-9 {
  margin-top: 90px;
}

.mt-10 {
  margin-top: 100px;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.mb-4 {
  margin-bottom: 40px;
}

.mb-5 {
  margin-bottom: 50px;
}

.mb-6 {
  margin-bottom: 60px;
}

.mb-7 {
  margin-bottom: 70px;
}

.mb-8 {
  margin-bottom: 80px;
}

.mb-9 {
  margin-bottom: 90px;
}

.mb-10 {
  margin-bottom: 100px;
}

.ml-1 {
  margin-left: 10px;
}

.ml-2 {
  margin-left: 20px;
}

.mr-1 {
  margin-right: 10px;
}

.mr-2 {
  margin-right: 20px;
}

.p-0  {
  padding:0!important;
}

.px-0 {
  padding-left:0;
  padding-right:0;
}

.py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.px-1 {
  padding-left:10px;
  padding-right:10px;
}

.px-2 {
  padding-left:20px;
  padding-right:20px;
}

.px-3 {
  padding-left:30px;
  padding-right:30px;
}

.px-4 {
  padding-left:40px;
  padding-right:40px;
}

.px-5 {
  padding-left:50px;
  padding-right:50px;
}

.overflow-hidden {
  overflow: hidden;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

input, textarea, select {
  /*font-family: 'Montserrat', Arial, sans-serif;*/
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}

/* Swiper */

.swiper-arrow {
  position: absolute;
  width:100%;
  height:36px;
  top:50%;
  margin-top: -18px;
  z-index: 99;
}

/* TEMP */

.ads {
  /*background-color: #f2f2f2;*/
  height:auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.ads-background {
  background-color: #f2f2f2;
  padding:10px;
}

.ads img {
  max-width: 100%;
  height: auto;
}

.sidebar .ads {
  margin-bottom: 20px;
}

/* BANNER 9 */

.follow_button {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	position: fixed;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
	z-index: 999999;
}

/* CLOSE BANNER BUTTON */

.close_fl_btn {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    position: absolute;
    z-index: 1;
    margin: 20px auto;
    cursor: pointer;
        top:-40px;
        right:0;
}
.close_fl_btn:before {
    content: '+';
    color: #337AB7;
    position: absolute;
    z-index: 2;
    transform: rotate(45deg);
    font-size: 50px;
    line-height: 1;
    top: -5px;
    left: 6px;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
}
.close_fl_btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: #337AB7;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
    transform: scale(0.01);
}
.close_fl_btn:hover:after {
    transform: scale(1);
}
.close_fl_btn:hover:before {
	transform: scale(0.8) rotate(45deg);
    color: #fff;
}

.card__title a, .wpdmi-columns-title a, .menu-item a, .menu-social a, .contact-editor a, .order-ads a {
	text-decoration: none;
}

@media only screen and (max-width: 1280px) {
  .sidebar {
    width: 33%;
    flex: 0 0 33%;
  }
}

@media only screen and (max-width: 1024px) {
  .sidebar {
    /*display:none;*/
    width: 100%;
    flex: 0 0 100%;
    padding-left:0;
  }
}
/* #adfox_161363370702243077 {
	height: 200px;
} */


@media only screen and (max-width: 480px) {
	.article__category {
    		font-size: 10px;
	}
	h1.article__title {
    		font-size: 25px;
    		line-height: 27px;
	}
	.ads-background {
		background-color: white; 
	}
	.logo img {
    		width: 250px;
    		height: auto;
	}

	.container {
		padding-left: 10px;
		padding-right: 10px;
  	}
	.article__excerpt {
    		font-size: 18px;
    		font-weight: 700;
    		margin-bottom: 20px;
    		font-style: italic;
	}
	.mistape_caption {
    		display:none;
	}
	.thumbnail {
    		padding: 0;
    	}
	.post-related-articles {
    		margin: 0px 10px 40px 10px;
    		background-color: #e3e3e3;
	}
	.post-related-articles ul li {
    		font-weight: 500;
    		font-size: 14px;
	}
	.wpdmi-columns-layoutbreakingnews {
    		margin-top: 0;
	}

	.main {
    		margin-top: 15px;
	}
	.inset-related-article-left, .inset-related-article-right, .wpdmi-blockquote-one {
    		margin: 0 0 20px 0;
	}
	
	.wpdmi-blockquote-one {
		font-size: 18px;
		line-height: 21px;
	}
	/* #adfox_161363370702243077 {
		height: 68px;
	} */


}

sup {	
	font-size: small;
	vertical-align: super;
}