/*
Theme Name:     OceanWP-Child
Description:    Дочерняя тема для темы OceanWP 
Template:       oceanwp
*/

/* Не должно быть никаких других правил CSS выше директивы @import. */
@import url("../oceanwp/style.css");

#site-header-inner { margin-top: -18px!important;}

.div-h3 {font-size: 16px;  }

.div-table { 
width: 100%;
  display: table; 
 border-spacing: 5px; /* cellspacing:poor IE support for  this */ 
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;    
}
.div-table-col { margin: 1px;
  float: left; /* fix for  buggy browsers */
  display: table-column; 
   overflow-wrap: break-word;
  word-break: break-word;
}
.div-table-col-3 {
  float: right; 
}
.div-table-col-20percent {width: 19% ;  text-align: center;   display: flex; justify-content: center; 
 height: 40px; line-height: 40px;  }

.div-table-col-products {width: 22% ;}
.div-table-col-svai {width: 25% ;}

/* Адаптация для мобильных устройств */
@media (max-width: 600px) {
 .div-table {
 display: block;
 }
 
 .div-table-row {
 display: block;
 margin-bottom: 10px;
 }
 
 .div-table-col {
 float: none;
 display: block;
 width: 100%;
 margin-bottom: 5px;
 border: 1px solid #8D8D8D;
 position: relative;
 }
 
 .div-table-col:not(:last-child)::after {
 content: '';
 display: block;
 width: 100%;
 height: 1px;
 background-color: #8D8D8D;
 margin-top: 5px;
 }
}

 
 /* pre-footer */
 .pre-footer   { width: 100%!important;  margin: 0 auto!important; }
#footer-top { width: 100%!important;  margin: 0 auto; height: 2px;  
    background-image: url(/img/pix-1.png); /* Путь к фоновому рисунку */
    background-position: left bottom; /* Положение фона */
    background-repeat: repeat-x; /* Повторяем фон по горизонтали */   } 
	
	/* bottomnews */
.bottomnews .display-posts-listing {box-shadow: none!important;
margin: 5px 5px 5px  5px;
padding: 10px 10px 10px 10px; /* Поля вокруг текста */
position: relative;
    width: 100%;
    display: block;
    text-align: center;
background-color: #fff; /* Белый фон */ }

.bottomnews .listing-item   {box-shadow: none!important; width: calc(33% - 24px);	display: inline-block; margin: 0 10px;
	vertical-align: top; text-align: center}
.bottomnews .excerpt{text-align: center; font-size: 14px;  /* текст  */
/******* обрезаем описание в списке********/ 
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-ms-line-clamp: 4;
-webkit-line-clamp: 4;
line-clamp: 4;
display: -webkit-box;
display: box;
word-wrap: break-word;
-webkit-box-orient: vertical;
box-orient: vertical;
line-height: 19px;
 }
.bottomnews .excerpt-dash {vertical-align:bottom;  }

.bottomnews .listing-item hr {display: none ; }
.bottomnews  .listing-item img:hover {
 border: 1px solid #000; box-shadow:  1px -1px 0px #808080,-3px 3px 4px #808080!important;
     filter: alpha (Opacity=55);/* прозрачность для IE */
    opacity: 0.55;/* прозрачность для других браузеров */}
.bottomnews  .listing-item img  {border-radius: 2px; 
border: 1px solid #fff;
 margin: 5px 5px 1px  1px;
 box-shadow:  -1px 1px 0px #808080, 1px -1px 4px #808080!important;}

@media (max-width:500px) {.bottomnews .listing-item  {width: 94%;	display: block; 
	vertical-align: top;}	
		}
		
	/* sidenews */	
#right-sidebar .listing-item img  {border-radius: 2px;  height:  150px!important ;  
border: 1px solid #fff;
 margin: 5px 5px 1px  1px;
 box-shadow:  -1px 1px 0px #808080, 1px -1px 4px #808080!important;}
 
 
 
.thumbnail {	  overflow: hidden; width: 300px; height: 200px; margin-right: 50px!important; }
.thumbnail img{float:left;	max-width: 300px;	margin-bottom: 12px;  border-radius: 0px;}
.blog-entry-summary  img{float:left;	max-width: 300px; 	margin-bottom: 12px;  border-radius: 0px;}





/*соцсети */
.sots-img { border-radius: 1px!important;
height: 25px;
width: 25px;
overflow: hidden; 
margin: 4px;
border: 1px solid #fff!important;
border: 1px solid #eee\9!important; /* for ie*/
-webkit-box-shadow: 2px 3px 10px #6E6E6E;
box-shadow: 2px 3px 10px #6E6E6E!important;
float: left;}
.sots-img:hover { cursor: pointer;}
.sots-img img {margin-top: -4px!important;  
	border-radius: 1px!important;
width: 25px;
height: 25px;}
.sots-img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sots-img:hover { 
border: 2px solid #fff;
border-radius: 50%!important;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}



.line-break { display: block; /*  переносы строк */}
.line-height_0_1 {line-height: 0.1;   } 
.line-height_0_5 {line-height: 0.5;   } 
.line-height_1_0 {line-height: 1.0;   } 
.line-height_1_5 {line-height: 1.5;   } 

.font-size_11 {font-size:  11px; }
.font-size_12 {font-size:  12px; }
.font-size_13 {font-size:  13px; }
.font-size_14 {font-size:  14px; }
.font-size_16 {font-size:  16px; }
.font-size_18 {font-size:  18px; }
.font-size_20 {font-size:  20px; font-weight: 300;   }