/*
Theme Name:     Gridlove Child
Theme URI:      http://mekshq.com
Description:    Child theme for Gridlove theme
Author:         meks
Author URI:     http://mekshq.com
Template:       gridlove
Version:        0.1.0
*/

html, body {
 /* Убирает прокрутку по горизонтале, для мобильной версии */
 overflow-x: hidden;
}

@media (max-width:579px) {
	.container, .container-fluid {
	    max-width: 100% !important;
	    padding-left: 5px !important;
	    padding-right: 5px !important;
	}
    .box-inner-p, .gridlove-post-a .box-inner-p, .entry-sm-overlay, .box-inner-p-smaller, .box-inner-p-bigger  {
		padding: 15px !important;
	}
}
@media (max-width:340px){
	.container, .container-fluid {
	    padding: 0 5px !important;
	}
}

@media (max-width: 767px) {.gridlove-sidebar {display: none !important;}}

.content_rb {width: 100%;text-align: center;padding-bottom: 7px;}

.relevant-posts .heading {
	text-align: center;
	padding: 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 50px;
	background: #285488;
	color: #ffffff;
	margin: 40px 0;
}
.relevant-posts ul {
	list-style: none;
	margin: -40px 0 0;
	padding: 0;
}
.relevant-posts li {
	width: 46.875%;
	float: left;
	margin: 40px 0 0 6.25%;
	font-size: 18px;
	line-height: 1.11;
	font-weight: bold;
}
.relevant-posts li:nth-child(odd) {
	clear: left;
	margin-left: 0;
}
.relevant-posts a, .entry-content .relevant-posts a {
	display: block;
	color: #333;
	text-decoration: none !important;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.16);
	box-shadow: 0 2px 5px rgba(0,0,0,0.16);
}
.relevant-posts a:hover, .entry-content .relevant-posts a:hover {
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    color: #345786;
}
.relevant-posts img {
	display: block;
	max-width: 100%;
	height: auto;
}
.relevant-posts li span {
	display: block;
	min-height: 5em;
	padding: .8em 1.4em;
}

 /* Увеличиваем ширину контента */
@media (max-width: 1023px) {.gridlove-sidebar {display: none !important;}  .gridlove-share-wrapper {display: none !important;} }
@media (max-width: 1150px) {.gridlove-sidebar {display: none !important;} }
.gridlove-full-width {
  max-width: 100% !important;
}

.gridlove-full-width h1.entry-title {text-align:center;}

.gridlove-content {
  max-width: 820px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1330px;
  }
}

.box-inner-p-bigger {
    padding: 10px 30px 50px;
}
.box-inner-p-smaller {
    padding: 40px 30px 0px 30px;
}


.gridlove-vk,
.gridlove-author-links .fa-vk {
background-color: #5e84ac;
}

a.downico {
    padding-left: 70px;
    padding-top: 15px;
    font-size:24px;
    display: block;
    height: 70px;
    line-height: 20px;
    margin-bottom: 15px;
   }

a.docdown {
    background: url(/wp-content/uploads/2017/07/wsi-imageoptim-word-ico.png) no-repeat 0 5px;
   }

a.pdfdown {
    background: url(/wp-content/uploads/2017/07/wsi-imageoptim-pdf-ico.png) no-repeat 0 5px;
   }   
   
a.exeldown {
    background: url(/wp-content/uploads/2017/07/wsi-imageoptim-exel-ico.png) no-repeat 0 5px;
   }


#toc_container.no_bullets li:before {
    content: " — "; /* Добавляем в качестве маркера символ */
   }
#toc_container p.toc_title {
	font-size: 1.1rem;
	text-align:left;
	font-weight:600;
	margin:0;
	color: #484848;
	font-family: open sans;
}

#toc_container.no_bullets ul,
#toc_container.no_bullets li,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
	background:none;
	list-style: none;
}

.toc_list {
	border-left: 5px solid #0db50a; /* Параметры линии */ 
    margin-left: -5px; /* Отступ слева */
    padding-left: 15px !important; /* Расстояние от линии до текста */ 
}

#toc_container a:hover {
	text-decoration:none;
}

 /* Ссылка в цветных блоках */
.mks_pullquote a {
    color: #ffffff !important;
    text-decoration: underline !important;
    }

.mks_pullquote a:hover {
    color: #f7d2da !important;
    text-decoration: none  !important;
    }

 /* Оформление tooltip*/
#tooltip{
        background:#028c09;
        color:#ffffff;
        text-align:center;
        padding:6px 0;
        position:absolute;
        max-width:250px;
        z-index:9999;
        display:none;
        border-radius:3px;
        box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);
        padding:5px 8px;
        font-size:14px;
        text-shadow:none;
}
#tooltip:before{
        position: absolute;
        width: 0;
        height: 0;
        line-height: 0;
        border: 6px dashed #028c09;
        top: -6px;
        left:15px;
        border-bottom-style: solid;
        border-top: none;
        border-left-color: transparent;
        border-right-color: transparent;
        content:'';
}

.content_rb {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;	
}