/*
Theme Name: ჩემი იმერეთი
Theme URI: http://teqnoblogi.wordpress.com
Author: შოთიკო და კოტე
Author URI: http://shotalomidze.com
Version: 1.0
License: GPL 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Theme
Tags: Copyright © 2014, created by: Kharagauli, Georgia
@import "reset.css"; */
/* ---------------------------- 
@import url("fonts/"); 
*/ 

*, html, body {font-family: "BPG Glaho WEB", sans-serif;}
body {background: #eee; font-size: 105%; color: #585858; line-height:140%;font-family: "BPG Glaho WEB", sans-serif;}
a {color: #19809c; text-decoration: none; transition: all 0.5s;}
a:hover {text-decoration: none; color:#ff9000;}
strong {font-weight: 700;}
hr {border: none 0; border-bottom: 1px solid #E0E0E0; height: 1px; margin: 10px 0;}
blockquote {font-style: italic; background: url(images/quotes.gif) no-repeat top left; background-position: 12px 12px; color: #595959; margin: 5px 0; padding: 8px 15px 8px 60px;}
img {max-width:100% !important; height:auto;}
.right {float:right;}
.left {float:left;}
.date {font-family: Arial, Tahoma, Sans, Helvetica; color:#999; font-size:.9em}

/* ------------------------------ layout  ------------------------------ */
#wrapper {width: 1280px; background: white; margin: 0 auto; box-shadow: 0px 80px 20px rgba(0, 0, 0, 0.3);}
.logo {position: fixed; background: url(http://chemikharagauli.com/wp-content/themes/MyImereti/images/logo-003-19809C.png) no-repeat; height: 65px; width: 65px; z-index: 502; margin-top: -38px; transition: all 0.5s;}
.logo:hover {position: fixed; background: url(http://chemikharagauli.com/wp-content/themes/MyImereti/images/logo-003-ff9000.png) no-repeat; height: 65px; width: 65px; z-index: 502; margin-top: -38px; margin-left: 5px; transition: all 0.5s;}
#logo a {color: #333333;}
#description {font-size: 130%; color: #666666; margin: 5px 0 50px 30px;}
#container {width: 1245px; overflow: hidden; margin: 0 auto; padding-top: 5em;}
#content {float: left; width: 1245px;}
#sidebar {float: right; width: 310px;}

#element {position:fixed; background:#444 url( images/bg-footer.jpg) repeat; left:0px; right:0px; top:0px; bottom:0px; height:75px; z-index:501; color:#f0f0f9;  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5); border-bottom: 2px solid #ff9000;padding-left: 100px;}
#element ul {width: 1180px; margin:0 auto; margin-top: 6px;}
#element ul li {float:left; padding-right:10px;}
#element a {color:#ff9000;}
#element a:hover {color:#19809c;}

/* ------------------------------ header  ------------------------------ */
header {margin-bottom: 0em;}
#header {overflow: hidden; width: 1280px; margin: 0 auto;}
#icon {float: right; margin:-3px 0 0 0; }
#icon img{padding-right:5px; margin-bottom:-5px; -webkit-filter: opacity(90%) grayscale(100%); }
#icon img:hover {-webkit-filter: grayscale(0%);}

/* ------------------------------ NAV  ------------------------------ */
#menu {width: 1200px !important; margin: 0 auto !important; margin-top:1em; text-align:right; font-family: "BPG Glaho WEB Caps", sans-serif;}
#menu ul {margin: 0 auto;padding-top:.5em;} 
#menu ul li {float: left; text-transform: none; font-size: 100%; padding: 10px;}
#menu ul li a {color:#f0f9f0; font-weight:bold; font-size:18px;} 
#menu ul li a:hover{color:#FF9000;}
li.current-menu-item, a.current-menu-item  {color:#6d27ed; font-weight:bold;}

/* ------------------------------ TOP-news  ------------------------------ */
#top-news {width: 1245px; display: inline-block;}
.top-news1, .top-news2{font-size:1em; line-height:140%;} 
.top-news1{float: left; width: 1245px; padding-right: 7px; margin:0;}
#news-cl-two {width: 430px; display: inline-block;}
.news-cl-two1{float: left; width: 430px; padding-right: 7px; margin:0;}
.top-news1 h2 {font-size:1.1em; margin: 1em 0 .5em 0; font-weight: bold;}
.news-cl-two1 h2 {font-size:1.1em; margin: 1em 0 .5em 0; font-weight: bold;}
.top-news2 {float: right; width: 320px;}
/*.top-news2 a {float: right; width: 320px;}
.top-news2 a:hover {float: right; width: 320px;} */
.top-news a {font-size:100%;}
.top-news a:hover {font-size:100%; color:#333;}
.top-news-two {float: left; margin: 0px 0px 30px 0px; padding: 20px 0 5px 20px; background-color: #E1E1E1; height: 35px; border-bottom: 3px solid #ff9000; line-height: 1.2em; font-size: 1.5em; width: 800px;}
.top-news-three {float: left; margin: 0px 0px 30px 0px; padding: 20px 0 5px 20px; background-color: #E1E1E1; height: 35px; border-bottom: 3px solid #ff9000; line-height: 1.2em; font-size: 1.5em; width: 1245px;}
.top-news-news2 {float: left; margin-left: 0; padding: 12px 0 5px 20px; background-color: #f8f8f9; height: 35px; border-bottom: 3px solid #ff9000; line-height: 1.2em; font-size: 1.5em; width: 320px;}
aside h1 {margin-bottom:10px;}
aside li {margin-top:10px;}

/* ------------------------------ news  ------------------------------ */
#news {width: 650px; display: inline-block;margin-top:.01em; }
.news1, .news2 {font-size:1em; line-height:140%; width: 320px; padding:12px 0 0 0;  }
.news1 {float: left; margin-left:0; }
.news1 h2, .news2 h2 {font-size:1em; margin: 1em 0 1em 0; font-weight: bold; }
.news2 {float: right;}
.news1 a, .news2 a {font-size:100%;}
aside h1 {margin-bottom:10px;}
.aside-cl-two {float:left; column-count: 2; column-gap: 20px; width: 810px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #E1E1E1;}
.aside-cl-three {float:left; column-count: 3; column-gap: 20px; margin-bottom: 25px; border-bottom: 2px solid #E1E1E1;}
aside ul {float:left; margin-bottom: 25px; border-bottom: 2px solid #E1E1E1;}
.news1 h1, .news2 h1 {padding: 12px 0 5px 20px; background-color:#f8f8f9; height: 35px; border-bottom: 3px solid #ff9000; line-height:1.2em; font-size:1.5em;}
.news1 h1 a, .news2 h1 a {color:#19809c;}
.cat-head-name {float: left; margin: 0px 0px 10px -20px; padding: 0px 0px 20px 40px; height: 10px; border-bottom: 2px solid #ff9000; line-height: 1.2em; font-size: 1.2em; width: 250px; transition: all 0.9s;}
.cat-head-name:hover {float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 20px 40px; height: 10px; border-bottom: 2px solid #ff9000; line-height: 1.2em; font-size: 1.2em; width: 250px; transition: all 0.9s;}

.other-news {
float: right;
width: 360px;
min-height: 950px;
padding: 10px 10px 10px 10px;
margin: -94px 0px 10px 0px;
background-color: #E1E1E1;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}

.other-news-second {
float: right;
width: 360px;
min-height: 1600px;
padding: 10px 10px 10px 10px;
margin-right: 10px;
background-color: #E1E1E1;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}

.other-news-head {
float: right; 
margin: -93px 0px 30px 0px;
padding: 20px 0 5px 20px;
background-color: #E1E1E1;
height: 35px;
border-bottom: 3px solid #ff9000;
line-height: 1.2em;
font-size: 1.5em;
width: 380px;
}

/* ------------------------------ News NEW Header -------------------------- */

.news-new-img-container {
position: relative;
width: 400px;
height: 224px;
}

.news-new-img {
display: block;
width: 400px;
height: 224px;
}

.news-new-img-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
opacity: .9;
overflow: hidden;
width: 400px;
height: 70px;
transition: .5s ease;
}

.news-new-img-container:hover .news-new-img-overlay {
height: 224px;
}

.news-new-header-text {
color: white;
font-size: 17px;
line-height: 140%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: left;
padding: 0 10px 0 10px;
}

.news-new-header-text-excerpt {
color: white;
font-size: 13px;
line-height: 140%;
position: relative;
top: 70%;
left: 52%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: left;
float: left; 
width: 390px;
}


/* ------------------------------ column box  ------------------------------ */
.colwrapper { width:650px; display: inline-block; margin-top:2em;}
.ltcol, .ctcol, .rtcol { width:210px; margin:0; padding:5px; font-size:1em; line-height:120%; background: #ffff; border-top: #F7911E 5px solid;}
.ltcol { float:left; }
.ctcol { margin-left:215px; }
.rtcol { float:right; }
.colwrapper img {max-width:200px; max-height:180px; }
.colwrapper h1 {font-size:1em; margin-top: 10px;}
.colwrapper p {font-size:.9em; margin:0 0 0 10px; color:#777;}


/*-------------------------------- footer --------------------------------------------*/
footer {width: 100%; height: 0 auto; background:#444 url(images/bg-footer.jpg) repeat; display: inline-block; padding-bottom:1em; box-shadow: 0 1px 4px rgba(0,0,0,0.5); border-top: 2px solid #ff9000;}
#footer {width: 1280px; margin:0 auto; margin-top:2em; color:#ffffff;}
#footer a{color:#ff9000;}
#footer a:hover{color:#19809c;}
#footer ul {line-height:140%;}
#footer ul:nth-child(odd) {width:700px; float:left; margin-right:10px;}
#footer ul:nth-child(even) {width:270px;  float:right;}
#footer h1 {font-size:1.4em; font-weight:bold; color:#fafafa; margin-bottom:.5em; }
#footer-links li {padding-left:15px;}
#footer img {max-width:280px; margin-right:10px;}
.alignright{float: right; border: 1px solid #ccc; margin: 0 5px 5px 0; padding: 5px;}

/* ------------------------------ share button ------------------------------ 
.addthis_button_facebook { -webkit-filter: grayscale(100%);}
.addthis_button_facebook img:hover { -webkit-filter: grayscale(0%);}*/
#share {float:right; display: inline; padding:5px; margin:-25px 15px 10px 10px; -webkit-filter: opacity(50%) grayscale(100%);}
#share img:hover { -webkit-filter: grayscale(0%);}

/* ------------------------------ post ------------------------------ */
.post {margin-bottom: 50px;}
.post-title {font-size: 200%; line-height: 1.2; font-weight: normal;}
.post-title a {color:#19809c;}
.post-title a:hover {color:#ff9000; text-decoration:none;}
.page-subtitle {font-weight: 700; color: #CCC; font-size: 90%; padding-bottom: 5px; border-bottom: 1px solid #EFEFEF; margin-bottom: 15px;}
.post-meta {font-size: 85%; color: #999; margin-top: 5px;}
.post-meta a {color: #666666;}
.post-content {margin-top: 15px; }
.post-content h2 {font-size: 150%; color: #4655A5; font-weight:bold; margin-bottom: 10px; border-bottom: 1px solid #EFEFEF; padding: 10px 0 5px;}
.post-content h3 {font-size: 110%; font-weight: 700; margin-bottom: 5px; border-bottom: 1px solid #EFEFEF; padding: 10px 0 5px;}
.post-content p {line-height: 1.5; margin-bottom: 10px;}
.post-content img.alignnone {background: #FFF; border: 1px solid #EFEFEF; padding: 4px;}
.post-content img.alignleft {float: left; border: 1px solid #EFEFEF; margin: 0 25px 15px 0; padding: 4px;}
.post-content img.alignright {float: right; border: 1px solid #EFEFEF; margin: 0 0 15px 25px; padding: 4px;}
.post-content ul,.post-content ol {margin-left: 30px; margin-bottom: 20px;}
.post-content ul {list-style: outside;}
.post-content ol {list-style: decimal;}
.post-content ul li,.post-content ol li {line-height: 1.3; margin-bottom: 5px;}
.fb-comments, #fb-root {margin: 20px 0 20px 0;}

/* ------------------------------ after post ------------------------------ */
.postbox {margin: -3em 0 0 -1em; text-align: center; }
.thumbnail {text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 2em 0 0 1.1em; /*background:#fafafa; height:130px;*/ }
.thumbnail .r {width: 300px; float: left; }
.r h3 {font-size:125%; border-top:1px solid #EFEFEF;}
.r h2 {font-size:110%; font-weight:bold; text-align:justufy; }
.r p {font-size:90%; margin-top:.2em;}
#pagebox {margin: 0 !important;padding: 0;}
#pagebox li {display: inline-block; list-style: none; width: 42%; float: left; margin: 0 2%; padding: 1%; font-size:22px; border-top:1px solid #EFEFEF;}

.post-comments {float: right; background: url(images/cbubble_left.gif) no-repeat top left; padding: 3px 0 7px 7px;}
.post-comments a {background: url(images/cbubble_right.gif) no-repeat top right; padding: 3px 7px 7px 0; color: #FFFFFF;}
.post-comments a:hover {color: #ffffff;}

/* ------------------------------ search  ------------------------------ */
.search {padding:0 5px 0 8px; margin-top:0px; }
.search input[type="text"] {background: transparent;
background: rgba(163, 135, 106, 0.15);
background-clip: padding-box;

border: none;
border-radius:         26px;
-moz-border-radius:    26px;
-o-border-radius:      26px;
-webkit-border-radius: 26px;

box-shadow:         inset 0 0 5px rgba(0, 0, 0, 0.1), 
	0 1px 0 rgba(255, 255, 255, 0.5), 
	inset 0 1px 2px rgba(0, 0, 0, 0.3), 
	0 0 40px rgba(255, 255, 255, 0.3);
-moz-box-shadow:    inset 0 0 5px rgba(0, 0, 0, 0.1), 
	0 1px 0 rgba(255, 255, 255, 0.5), 
	inset 0 1px 2px rgba(0, 0, 0, 0.3), 
	0 0 40px rgba(255, 255, 255, 0.3);
-o-box-shadow:      inset 0 0 5px rgba(0, 0, 0, 0.1), 
	0 1px 0 rgba(255, 255, 255, 0.5), 
	inset 0 1px 2px rgba(0, 0, 0, 0.3), 
	0 0 40px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 
	0 1px 0 rgba(255, 255, 255, 0.5), 
	inset 0 1px 2px rgba(0, 0, 0, 0.3), 
	0 0 40px rgba(255, 255, 255, 0.3);

color: #F89000;
height: 26px;
outline: none;
padding: 0 20px 0 35px;

transition:         all .1s linear;
-moz-transition:    all .1s linear;
-o-transition:      all .1s linear;
-webkit-transition: all .1s linear;

width: 160px;}


.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/* ------------------------------ Sidebar  ------------------------------ */
#sidebar h3 {font-size:140%; width:300px;}
#sidebar li {list-style:none; }
#text-3 {margin-bottom:20px;}
#sidebar .widget-text {margin-bottom:20px;}
.widget li{margin-bottom:5px;}
.widget-text{margin-bottom:20px;}
.textwiget {}

.more-link {font-weight: 700; display: block; margin-top: 10px;}
.read-more {text-align:right; font-size:.9em; padding-right:5px;}
.section-title {font-size: 140%; margin-bottom: 10px;}
.navleft {float: left; margin: 0 15px 15px 0;}
.navright {float: right; margin: 0 0 0 10px;}
.navigation div a {font-size: 110%;}
#comments ol li {margin-top: 2px; border-bottom: 1px solid #F0F0F0; padding: 10px 0; overflow: hidden; height: 1%;}
.comment-gravatar {float: left; margin-right: 10px; background: #FFF; border: 1px solid #F0F0F0; padding: 3px;}
.comment-data {float: left; width: 400px;}
.comment-data p {margin-bottom: 6px; line-height: 1.3;}
.comment-author {font-weight: 700; margin-bottom: 3px;}
.comment-meta {color: #666; margin-bottom: 5px; font-size: 85%;}
.unapproved {font-style: italic;}
#respond {margin-top: 30px;}
#comment-form {margin-top: 15px; margin-bottom: 10px;}
#comment-form label {font-size: 90%; display: block; margin-bottom: 5px;}
#comment-form input {width: 240px; margin-bottom: 10px; padding: 5px;}
#comment-form textarea {width: 455px; height: 200px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; padding: 10px;}

.sidepanel {margin-bottom: 30px;}
.sidepanel h3 {border-bottom: 1px solid #EFEFEF; padding: 0 0 5px 0; color: #333333; font-weight: bold; font-size: 90%;}
.sidepanel ul li {border-bottom: 1px solid #EFEFEF; padding: 5px 0; line-height: 1.2;}
.sidepanel p {margin-top: 8px; line-height: 1.3;}
.sep {color: #CCC; margin: 0 8px;}
.ico-small {vertical-align: middle; margin: 0 5px 2px 0;}

.sticky {
right: 0;
position: fixed;
top: 220px;
z-index: 15;
}

.sticky ul {
padding: 0;
list-style-type: none;
overflow: hidden;
}

.sticky li {
background-color: #bbbbbb;
color: #fffde8;
font-size: 14px;
height: 50px;
line-height: 40px;
margin-bottom: 3px;
position: relative;
right: -143px;
width: 191px;
padding-left: 5px;
padding-right: 15px;
padding-top: 5px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.sticky li img {
padding-right: 15px;
float: left;
margin-top: -9px;
}

.sticky a {
color: #fffde8 !important;
}
.sticky li:hover, .sticky li:focus {
right: 0;
}

/* ------------------------------ Right Sidebar  ------------------------------ */
.home-right-sidebar {
float: right;
width: 400px;
height: 460px;
}    



@media only screen and (max-width: 700px)
{
body {padding: 0 5px; background:#fff;}
img {max-width:100% !important; height:auto;}
#wrapper, #content, #container, #sidebar, #menu, #top-news, #news, #footer, #footer ul, .news, .news1, .news2, .top-news1, li.top-news2, .top-news2,  a.top-news2, div.date, .colwrapper, .ltcol, .ctcol, .rtcol, .thumbnail .r {width: 100%; float: left; max-width: 100%; margin: 0 auto; display: block; box-shadow: none;}

#icon {display:none}
#header, .other-news-second, .other-news
{display:none}
#menu, #menu ul, #element
{max-width: 100%; height: fit-content;}

.wp-post-image, .attachment-medium {
max-width: 100%; height: auto;
}
video, embed, iframe {
position: relative;
padding-bottom:56.25%;
width: 100%;
}
.news1 h1, .news2 h1 {margin: 25px 0 20px 0;}
}

.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
@media (min-width: 1200px) {
.container {min-width: 100%;}
}
@media screen and (max-width: 700px) {
	.container {margin:0 10px; padding: 0 10px;}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}

.topnav {
overflow: hidden;
background-color: #333;
}

.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}

.topnav a:hover {
background-color: #ddd;
color: black;
}

.active {
background-color: #4CAF50;
color: white;
}

.topnav .icon {
display: none;
}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.fa-bars:before{content:"\f0c9"}

}

@media screen and (max-width: 700px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}