/********************/
/* CUSTOM STYLE CSS */
/********************/
/* 
Put your custom css and css overrides in this file. By restricting your css changes to 
custom-style.css, your changes will not be overwritten when upgrading to a new version of this theme.

Steps to customize your theme:
1. Add your custom css to this file;
2. Uncomment different examples below and modify data as you wish;
3. Clear cached data at admin/settings/performance or, if you use Administration Menu module, "Flush all caches".
     You can also check "Rebuild theme registry on every page" at /admin/appearance/settings/zeropoint during development;
4. Don't forget to save a copy of this file with a different name to avoid loosing it after a theme update.
*/



/* Erase or comment the lines below to get rid of the image in the right sidebar and the brand image at the bottom */
#middlecontainer {
    background: transparent url(../images/all/_sidebarimg.png) 99% 99% no-repeat;
}
/*#brand {
    background: url(../images/all/_brand.png) 50% 0 no-repeat;
    margin: 0 auto;
    height: 50px;
}*/


/***********************/
/* CHANGE DEFAULT FONT */
/***********************/
/*
html, .pure-g [class*="pure-u"] {
    font-family: Verdana, Helvetica;
}*/


/**********************/
/* ROUND USER PICTURE */
/**********************/
/*
.user-picture img {
    border-radius: 100% !important;
}*/


/*************************/
/* DROP DOWN ADJUSTMENTS */
/*************************/

/* no dropdown shadows */
/*
.pure-menu-children {
    box-shadow: none;
}*/

/* big arrows */
/*
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BC";
}
.pure-menu-has-children .pure-menu-has-children > .pure-menu-link:after {
    content: "\25B6";
}*/


/**************************/
/* INDIVIDUAL MENU COLORS */
/**************************/
/* Uncomment the following lines to have different colors for menu items. 
 * Change the values below accordingly: XXX=menu item number; YYY=color. */

/* Individual menu item */
/*
.menu-XXX {
    background: #YYY;
}*/

/* First/last menu item */
/*
.first.pure-menu-link {
    background: #YYY;
}*/

/* Middle menu items */
/*
.pure-menu-link {
    background: #YYY;
}*/

/* Children color */
/*
.pure-menu-children .pure-menu-link {
    color: #YYY !important;
    background: YYY;
}*/


/*********************************/
/* HIDE some TITLES and READMORE */
/*********************************/
/* Uncomment the first declaration below to hide all titles on the front page 
 * Addapt the second declaration to hide a certain title on the frontpage. 
 * Third one is for no "Read more" on the front page. */ 
/*
.front #main h2.title a {
    display: none;
}
.front #main #node-XXX h2.title a {
    display: none;
}
.front .node-readmore {
    display: none;
}
*/


/*******************************/
/* UPDATE ICONS FOR NEW BLOCKS */
/*******************************/
/* where ID is the block id */

/*
#ID .block-icon {
    background: transparent url(../images/all/icons/blocks/icon_24_48.png) no-repeat;
}
*/


/*************************/
/* USER BLOCKS ALIGNMENT */
/*************************/
/*
#section1 .block {
    min-height: 250px;
}*/


/*************************/
/* CENTERED BLOCK IMAGES */
/*************************/
/*
.block img {
    margin: auto;
}*/


/************************/
/* OTHER SOCIAL NETWORK */
/***********************/
/*
#soclinks .myother { 
    background: transparent url(myother-social-network_32.png) no-repeat scroll center center; 
}*/


/***********************/
/* CHANGE HEADER IMAGE */
/***********************/
/* Deactivate the image rotator in theme's settings, put your new image in the _custom folder and uncomment the lines below */
/*
.himg #headimg, #headimg {
    background: #fff url(YOUR_IMAGE.png) no-repeat 100% 100%;
}*/


/***********************/
/* CHANGEs for MOBILES */
/***********************/

@media screen and (max-width: 48em) {

/* HEADER IMAGE */
/* Comment or erase the lines below and images rotator will work on mobiles too.
     You can also change the image with "mobi-sq" or use your own. */
    .himg #headimg, #headimg { background: #fff url(../images/all/mobi-dot.png) repeat; }
    #topreg { display: none; }
    .field-content.news-excerpt { display: none; }
    .mobile-hide { display:none; }
    #body_bg, #top_bg{ background: white !important; }

}

@media screen and (min-width: 48em) {
/****************************************************************************/
    #body_bg, #top_bg{ background: white url(/sites/default/files/pictures/bg-pattern.jpg) repeat; }

    #body_bg { background-position: top; }
    #top_bg { background-position: bottom; }

    #body_bg { border-bottom: 1px solid #ddd; }
    #body_bg .clearfix { background: white; }
    #body_bg .sizer0{ background: transparent; }
    #body_right, #top_right { padding: 0px 24px; }

    #body_left, .himg #top_left { background: transparent url(../images/all/fill_left.png?1) 0 0 repeat-y; }
    #body_right, .himg #top_right { background: transparent url(../images/all/fill_right.png?1) 100% 0 repeat-y; }
}

.himg #headimg {
    border-bottom: 0px solid #eee;
}
#main {
    margin-top: 0px;
}
#top-elements {
    padding: 0px;
}
#topreg {
   margin-top: 1em;
   margin-right: 2em;
}
#middlecontainer, #sidebar-left, #sidebar-right {
    margin: 3px 10px 10px 10px;
}
#middlecontainer {
    margin-top: 15px;
}
.logoimg {
    float: left;
    padding: 0 20px 5px 20px;
    margin-top: 10px;
    margin-bottom: -10px;
    height: 150px;
}
/* -------------------- News V3 ---------------------*/
.news3_item {
    display: flex; width: 100%; margin-bottom: 10px;
}
.view-view-page-news-v3 a:hover {
    text-decoration: none;
}
.news3_item_image {
    flex: 1; max-width: 210px; float: left;
}
.news3_item_block {
    flex:1; display: flex; flex-flow: column;
}
.news_item_block_header {
    padding: 10px 20px 20px; flex: 0 1 auto;
}
.news_item_block_excerpt {
    border-top: 1px dotted #8a8a8a; padding: 20px; flex: 0 1 auto;
}
/* -------------------- News V3 ---------------------*/

.table_news_dark {
    padding: 5px 0px 7px 10px;
    background-color: #ddd;
    border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
}
.table_block_dark {
    /* padding: 5px 0px 0px 10px;
    background-color: #ddd;      */
    padding: 0px 0px 0px 3px;
    border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
}
.view-view-block-announ h2.field-content {
    margin: 1em 0 0;
    padding-bottom: 0.3em;
}
.view-view-block-announ p {
    margin: 0;
}
.view-view-block-announ td {
    padding: 0;
}

.views-field.views-field-filepath {
 /* margin-top: -0.7em;
 margin-bottom: 0.2em;
 /* margin-left: -3px;
 margin-right: -3px;  */
}
.views-field.views-field-body {
 margin-bottom: 0.5em;
}
.views-field.views-field-nothing-3 {
 margin: 0px 3px 0px 3px;
}
.views-field.views-field-nothing {
 /* margin: 0px 3px 0px 3px; */
}
#main .block {
 padding-top: 3px;
}
.pure-img {
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
}
#table_block_interval {
 height: 10px;
}
.simple_table { 
 border: 1px double black; /* Рамка вокруг таблицы */
 border-collapse: collapse; /* Отображать только одинарные линии */
}
.simple_th { 
 text-align: left; /* Выравнивание по левому краю */
 background: #ccc; /* Цвет фона ячеек */
 padding: 5px; /* Поля вокруг содержимого ячеек */
 border: 1px solid black; /* Граница вокруг ячеек */
}
.simple_td { 
 padding: 5px; /* Поля вокруг содержимого ячеек */
 border: 1px solid black; /* Граница вокруг ячеек */
}
.simple_td1 { 
 width: 55%;
 padding: 5px; /* Поля вокруг содержимого ячеек */
 border: 1px solid black; /* Граница вокруг ячеек */
}
.simple_td2 { 
 width: 25%;
 padding: 5px; /* Поля вокруг содержимого ячеек */
 border: 1px solid black; /* Граница вокруг ячеек */
}
.simple_td3 { 
 width: 20%;
 padding: 5px; /* Поля вокруг содержимого ячеек */
 border: 1px solid black; /* Граница вокруг ячеек */
}
tbody {
    border-top: inherit;
}
#main .field-name-body a {
    text-decoration: underline;
}
.submitted {
    font-size: .7em;
}
.pi .region-sidebar-first a.active, .pi .region-sidebar-second a.active {
    background: none;
    padding-right: 0px;
}
b, strong {
    font-weight: 700;
    line-height: 1.3em;
}
.padding0 {
    padding: 0;
}
.margin0 {
    margin: 0;
}
.bottom20 {
    margin-bottom: 15px;
}
#slider .slide-image {
    max-width: 100%;
}

/*----------------- Коррекция блока новостей в колонке --------------------------------/
#block-views-view_block_news-block h2.field-content {
    margin-bottom: 0;
    padding-bottom: 0;
}
#block-views-view_block_news-block .views-field.views-field-filepath {
    margin-bottom: 10px;
}*/

/*----------------- Блок без оформления, для полноразмерных кнопок ------*/
/*----------------- Работает с модулем "Block attributes" ------*/
/*----------------- https://www.drupal.org/project/block_attributes -----*/
/*----------------- Вставлять в Block attributes -> classes ------*/
div.block-noborder {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: unset !important;
}
div.block-noborder .content {
    padding: 0 !important;
}
div.block-noborder .content p a img {
    border-radius: 5px !important;
}

/*----------------- Отступ и фон в блоке последних просмотренных страниц Visitors------*/
#block-statistics-popular h3 {
    margin-bottom: 5px;
}
.block.block-visitors.themed-block {
    background: #ffcccc;
}

/*----------------- Кастомные шрифты ------*/
@font-face {
    font-family: 'FooRegular';
    src: url('fonts/foo-regular.eot');
    src: url('fonts/foo-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/foo-regular.woff') format('woff'),
         url('fonts/foo-regular.ttf') format('truetype'),
         url('fonts/foo-regular.svg#Foo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'v_CCTimSaleLower';
    src: url('fonts/v_cctimsalelower.eot');
    src: url('fonts/v_cctimsalelower.eot?#iefix') format('embedded-opentype'),
         url('fonts/v_cctimsalelower.woff') format('woff'),
         url('fonts/v_cctimsalelower.ttf') format('truetype'),
         url('fonts/v_cctimsalelower.svg#v_CCTimSaleLower') format('svg');
    font-weight: normal;
    font-style: normal;
}

#site-name {
  font-size: 36px;
  font-family: 'v_CCTimSaleLower';
  /* font-family: 'FooRegular'; */
  font-weight:normal;
}
h1#site-name a, h1#site-name a:hover, p#site-name a, p#site-name a:hover {
    font-size: 1.1em;
}