/*
Theme Name: BlueIce
Author: Chugaev Aleksandr Aleksandrovich
Description: simple blue theme
Version: 1.53
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/quick-guide-gplv3.en.html
Tags: blog, right-sidebar
Text Domain: blueice

This theme has code from "Twenty Sixteen" wordpress theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* main schema */
body{
    margin: 0px auto;
    width:100%;
    background-color: #FFE5E5;
}
#page{
    margin: 0px auto;
    max-width:100%;
    min-height: 1000px;
    padding: 20px 20px 20px 20px;
}
a{
   color:#3A3A3A;
	text-decoration:none;
}
a:hover{
    color:#3A3A3A;
	text-decoration:underline;
}
.site-header-first{
    text-align: center;
    height:120px;
    padding:100px 20px 20px 20px;
    background-color:#42bcf4;
    margin-bottom: 20px;
}
.in_page{
       margin:0px auto;
    width:100%;
}
#contenta{
   display: flex;
   min-height: 600px;
   
}
.content-area{

  display: block;
  float: left;
   width:80%;
   max-width: 100%;

}
#secondary{

   display:grid;
   min-width:200px;
   
 

}
#menu-header{
    margin: 0 auto;
    min-width: 280px;
    max-width: 960px;
    min-height: 70px;
    clear:left;
}

#comments{
    float: left;
}
.site-footer{
    clear: left;
    text-align: center;
    min-height: 40px;
    max-height:100px;
    line-height: 40px;
    background-color:#42bcf4;
}
.site-footer a{
    text-decoration: none;
    color: #000000;
}

/* fix simple details */
a.site-title-link{
    font-size: 34px;
    color: #000000;
    margin-top: 40px;
}
.site-branding{
    margin-top:50px;
}
.site-description{
     font-size: 15px;
     font-family: Arial;
      color: black;
}
/* fix design */
h3{
     color: #42bcf4;
}

h3 a{
   color: white;
   background-color: #42bcf4;
   text-decoration: none;
   padding-left: 4px;
   padding-right: 4px;
}

h3 a:hover{
   background-color: black;
}

h3.content-date{
    font-size: 14px;
}
h1.content-title{
    font-size: 30px;
    color: #454745;
    background-color: #42bcf4;
}
.more-link{
    color:#42bcf4
}
/* sidebar */


/**************************/
/*menu css*/

div#drop_mainmenu_container {
    height: 40px;
    width:960px;
    margin:0 auto;
}

div#drop_mainmenu_container ul {

}

#drop_mainmenu {
    position: relative;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

#drop_mainmenu ul {
    display: block;
}

#drop_mainmenu a:active, #drop_mainmenu a:focus {
    outline-style: none;
}

#drop_mainmenu a {
    display: block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #42bcf4;
}

#drop_mainmenu li {
    position: relative;
}

#drop_mainmenu li>ul {
    display: none;
}

#drop_mainmenu li:hover a, #drop_mainmenu li.hover a {
    transition: all 0.3s;
}

#drop_mainmenu>li>a {
    transition: all 0.3s;
    background: none left center repeat-x scroll transparent;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 5px 0px;/*ing for menu item from top-border */
    border-radius: 0px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: rgba(255, 255, 255, 0);
}
#drop_mainmenu>li>a {
    cursor: pointer;
    color: #42bcf4;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#drop_mainmenu>li {
    padding: 0;
    display: inline-block;
    height: auto;
}

#drop_mainmenu>li:hover>a, #drop_mainmenu>li.hover>a {
    color: black;
}

#drop_mainmenu>li.current_page_item>a {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #42bcf4; /* background color of menu item on hover */
}

#drop_mainmenu li>.ui-effects-wrapper {
    top: 58px;
    left: 0px;
}

#drop_mainmenu li ul {
    top: 50px;
    left: 0px;
}

#drop_mainmenu ul {
    width: auto;
    height: auto;
    padding: 7px 0px 7px 0px;
}

#drop_mainmenu ul li a {
    border: 0px;
    padding: 16px 18px;
    height: 100%;
    min-height: 0px;
    margin: 0;
    letter-spacing: 0px;
    text-align: left;
}

#drop_mainmenu ul li {
    width: 160px;
    padding: 0 0px 0px 0px;
    vertical-align: top;
    position: relative;
}

#drop_mainmenu ul li:hover>a, #drop_mainmenu ul li.hover>a {
    background-color: black;
     letter-spacing: 0px;
}

#drop_mainmenu ul li a.current_page_item {
   
}

#drop_mainmenu ul li ul {
    left: 161px;
    top: 0px;
    margin-top: 0px;
}

#drop_mainmenu>li ul {
    top: auto;
    padding: 0px;
    position: absolute;
    margin-top: 10px;
    background-color: #42bcf4; /*background color of menu items ... HOVER */
    z-index: 9999;
       list-style: none;
}

#drop_mainmenu ul li a, #drop_mainmenu ul li a {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
}


/************************* mobile menu ************************/

.fm2_drop_mainmenu_mobile-overlay {
    background: rgba(0, 0, 0, 0.70) none repeat top left scroll;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    display: inline;
    z-index: 10050;
    position: fixed!important;
}

.fm2_drop_mainmenu_mobile-overlay-hide {
    background: rgba(0, 0, 0, 0) none repeat top left scroll;
    display: none;
}

a#fm2_drop_mainmenu_mobile_button span.caption {
    text-transform: uppercase;
    background: url("assets/images/hamburger.png") 0px center no-repeat scroll transparent;
    background-position: left center;
    padding-left: 20px;
    color: #42bcf4;
    display: inline-block;
    min-height: 20px;
    font: normal normal 400 16px/normal Source Sans Pro, sans-serif;
    border: 1px solid black;
    background-color: black;
}

a#fm2_drop_mainmenu_mobile_button span.down-arrow {
    display: none;
}

#fm2_drop_mainmenu_jq_menu_back {
    position: relative!important;
    top: 0px!important;
}

div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header {
    background: transparent url("assets/images/close_icon.png") no-repeat center center scroll;
    border-left: 0 none #000000;
    border-top: 0 none #000000;
    border-bottom: 0 none #000000;
    border-right: 0 none #000000;
    padding: 14px 14px 14px 14px;
    position: relative;
    width: 14px;
    height: 14px;
    float: right;
    text-decoration: none;
    min-width: 14px;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
    font-family: inherit;
    font-weight: bold;
    font-size: 14px;
    margin-top: 9px;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 1;
    box-sizing: content-box;
}

div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header p font.caption:before {
    background: transparent url("assets/images/mini_menu.png") no-repeat -2px scroll;
    width: 18px;
    content: ' ';
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 9px;
}

div#fm2_drop_mainmenu_jq_menu_back {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    top: 0px;
    left: 0px;
    background-color: #42bcf4;
}

div#fm2_drop_mainmenu_jq_menu_back ul {
    margin-left: 20px;
    list-style-type: none;
    list-style-image: none;
    padding: 10px 0px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header {
    background: transparent none repeat top left scroll;
    position: relative;
    width: auto;
    display: block;
    text-align: center;
}

div#fm2_drop_mainmenu_jq_menu_back a {
    padding: 1em 0px 1em 0px;
    overflow: hidden;
    background-color: #7F7F7F;
    font-family: inherit;
    font-weight: bold;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header>a {
    margin-left: 10px;
    margin-top: 14px;
    display: inline-block;
    width: 50px;
    height: 53px;
    float: left;
    background-color: blue;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent url("assets/images/mini_arrow_large.png") no-repeat center scroll;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header>a:hover, div#fm2_drop_mainmenu_jq_menu_back div.menu-header>a.hover {
    background-color: lime;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header>p {
    margin: 0 0 0 0;
    color: #FFF;
    text-indent: -40px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header>p:hover, div#fm2_drop_mainmenu_jq_menu_back div.menu-header>p.hover {
    color: #CCF;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header>p a {
    background: transparent none repeat left top scroll;
    text-decoration: none;
    display: block;
    width: auto;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container>.menu {
    float: left;
    width: 100%;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
    position: relative;
    background-color: #F7F7F7;
    line-height: 50px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li p {
    margin: 0 0 0 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: inherit;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a {
    background: transparent none repeat left top scroll;
    border-left: 0 none #000000;
    border-top: 0 none #000000;
    border-bottom: 0 none #000000;
    border-right: 0 none #000000;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch, div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf {
    margin: 0 5px 0 5px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
    content: "+ ";
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before {
    content: "- ";
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a {
    width: auto;
    float: left;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a {
    padding: 0 9px 0 9px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a, div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a span {
    color: white;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before, div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
    width: 10px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before {
    background: transparent url("assets/images/mini_circle.png") no-repeat top left scroll;
    opacity: 0.5;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
    background: transparent url("assets/images/mini_arrow.png") no-repeat top left scroll;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before, div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before, a#fm2_drop_mainmenu_mobile_button span.caption:before {
    content: ' ';
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    background-position: -2px 1px;
    margin-right: 9px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis, div#fm2_drop_mainmenu_jq_menu_back div.menu-header>p a {
    background-color: transparent;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header>p a {
    text-align: center;
    color: #FFFFFF;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header>a:hover, div#fm2_drop_mainmenu_jq_menu_back div.menu-header>a.hover {
    background-color: transparent;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li {
    height: 43px;
    line-height: 0;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a {
    margin-top: 10px;
}

div#fm2_drop_mainmenu_jq_menu_back li a p, div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a, div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a span, div#fm2_drop_mainmenu_jq_menu_back div.menu-header>p a {
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 7px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis, div#fm2_drop_mainmenu_jq_menu_back div.menu-header {
    background-color: transparent;
}

a#fm2_drop_mainmenu_mobile_button {
    margin-left: 0px;
    margin-right: 0px;
    border-width: 0px;
    border-style: none;
    border-color: transparent;
    color: #7F7F7F;
    text-align: right;
    padding-left: 10px;
    font-weight: 700;
    font-family: inherit;
    font-size: 17px;
    border-radius: 0px;
    padding-right: 20px;
    padding: 1em 0px 1em 0px;
    position: relative;
    width: auto;
    text-decoration: none;
    min-width: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header p span.caption:before {
    background-image: url("assets/images/mini_menu.png");
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
    background: transparent url("assets/images/mini_arrow.png") no-repeat top left scroll;
}


.nav-links {
    display: block;
    width: 100%;
    clear: both;
}

.nav-previous a, .nav-next a {
    background-color: #7F7F7F;
    padding: 3px 10px;
    color: #ffffff;
    border-radius: 3px;
    margin-bottom: 10px;
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-previous a:hover, .nav-next a:hover {
    text-decoration:none;
    background-color: #7F7F7F;
}

.nav-previous a:before {
    display: inline-block;
    font-family:FontAwesome;
    margin-right:6px;
    content: "\f100";
}

.nav-next a:after {
    display: inline-block;
    font-family:FontAwesome;
    margin-left:6px;
    content: "\f101";
}

.nav-previous, .nav-next {
    width: 50%;
    float: left;
    height: auto;
}

.nav-previous {
    text-align: left;
}

.nav-next {
    text-align: right;
}

}


/* archive */ 
.widget_archive li{
    margin-left:-20px;
    list-style: none;
      color: #42bcf4;
    
}
.widget_archive li a{
       color: #42bcf4;
    text-decoration:none;
}
.widget_archive li a:hover{
    text-decoration: underline;
}
/*  calendar */
.widget_calendar tr th{
      color: #42bcf4;
}
.widget_calendar td a{
      color: #42bcf4;
}
.widget_calendar td a:hover{
     color: #42bcf4;
    text-decoration: none;
}
/* categories */
.cat-item{
    margin-left:-20px;
    list-style: none;
}
li.cat-item a{
    color: #42bcf4;
    text-decoration: none;
    
}
li.cat-item a:hover{
      color: #42bcf4;
    text-decoration: underline;
}
/* meta */
.widget_meta li{
    margin-left:-20px;
    list-style: none;
}
.widget_meta li a{
      color: #42bcf4;
    text-decoration: none;
}
.widget_meta li a:hover{
      color: #42bcf4;
    text-decoration: underline;
}
/* pages */
.widget_pages li{
   margin-left:-20px;
    list-style: none;
}
.widget_pages li a{
      color: #42bcf4;
    text-decoration: none;
}
.widget_pages li a:hover{
     color: #42bcf4;
    text-decoration:underline;
}
/* widget_recent_entries */
.widget_recent_entries li{
       margin-left:-20px;
    list-style: none;
    padding-bottom: 4px;
}
.widget_recent_entries li a{
      color: #42bcf4;
    text-decoration: none;
}
.widget_recent_entries li a:hover{
      color: #42bcf4;
    text-decoration:underline;
}
/* widget_recent_comments */
.widget_recent_comments li{
    margin-left:-20px;
    list-style: none;
    padding-bottom: 4px;
}
.widget_recent_comments li a{
      color: #42bcf4;
    text-decoration: none;
}
.widget_recent_comments li a:hover{
      color: #42bcf4;
    text-decoration:underline;
}
/* tags */
.widget_tag_cloud li{
    margin-left:-20px;
    list-style: none;
    padding-bottom: 4px;
}
.tagcloud a{
    color:#26381A;
}
.screen-reader-text{
    color:#565656;
    margin: 0 auto;
}

/* post navigation */
.post-navigation{
    float: left;
    margin-top:20px;
    width:100%;
    text-align: center;
    border-radius: 25px;
    background-color:#000000; 
}
.post-navigation a{
   text-decoration: none;
    color: #42bcf4;
}
.post-navigation a:hover{
   text-decoration: underline;
     color: #42bcf4;
}
h2.screen-reader-text{
    font-size: 18px;
      color: #42bcf4;

}
.submit{
     color: white;
   background-color: #42bcf4;
}

/* comment div */
div#respond{
margin-left:100px;
}

h2.comment-reply-title{
     color: #42bcf4;
    font-size: 16px;
}
.comment-metadata a{
      color: #42bcf4;
 
}
h2.comments-title{
     color: #42bcf4;
   font-size: 16px;
}

.comment-list{
   border: 1px solid  #42bcf4;
}
.reply a{
    color:#42bcf4;
}

/* Captions*/
.wp-caption {
	margin-bottom: 1em;
	max-width: 100%;
    background-color: #95C198;
    color: #1E3F18;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
	font-size: 0.9em;
}

.wp-caption .wp-caption-text {
	margin: 0.5em 0;
}
/* default css styles */
.sticky {
	display: block;
}
.gallery-caption {
	display: block;
	font-size: 0.75em;
	margin-top: 0.1em;
}
.bypostauthor {
	display: block;
}

/* */
aside#secondary{
   margin-bottom: 10px;
}
.widget widget_search{
    border: 1px solid black;
    margin-left:5px;
}
.search-submit{
    border: 2px solid #42bcf4;
    border-radius: 5px;
    margin-left:10px;
    color: white;
    cursor:pointer;
    background-color: #42bcf4;
}

label{
clear: left;
display:block;
}
textarea#comment{
display:block;
clear: left;
}

/* aligments*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
				 
h2{
    color: white;
    font-size: 16px;
    text-align: center;
    background-color: #42bcf4;
}