/**
 * Theme Name: korfiati-site
 * Theme URI:
 * Author: slavadvent
 * Author URI:
 * Description:
 * Version: 0.0.1
 * Name: style-footer
 */

/* Социальные кнопки */

.social-icon {
    display: none;
	padding-bottom: 3rem;
}

.social-icon-footer {
    display: inline-block;
}

.social-icon-fb, .social-icon-vk, .social-icon-ok, .social-icon-in, .social-icon-you, .social-icon-pi {
    font-size: 2rem;
    margin: .8rem;
}

.social-icon-fb:before {
    content: "\f09a";
}

.social-icon-vk:before {
    content: "\f189";
}

.social-icon-ok:before {
    content: "\f263";
}

.social-icon-in:before {
    content: "\f16d";
}

.social-icon-you:before {
    content: "\f16a";
}

.social-icon-pi:before {
    content: "\f231";
}

/* Пагинация */

.pagination {
    margin-bottom: 15px;
}

.wp-pagenavi {
    text-align: right;
    font-weight: 600;
    line-height: 20px;
    float: none;
    margin-right: -2px;
    text-align: center;
}

.wp-pagenavi span.pages {
    font-size: 17px;
    font-weight: 300;
    display: block;
    margin-bottom: 1em!important;
    border: none!important;
}

.wp-pagenavi span.pages:before {
    content: "\1f5ce";
    margin-right: 6px;
}

.wp-pagenavi a, .wp-pagenavi span {
    color: rgb(170, 170, 170);
    font-size: 16px;
    padding: 7px 10px;
    display: inline;
}

.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current, .comment-tabs li.active a {
    border-bottom-color: rgb(59, 141, 189)!important;
}

.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current {
    background: none;
    border: none;
    border-bottom: 3px solid rgb(25, 115, 165);
    border-top: 1px solid rgb(241, 241, 241);
}

.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current {
    color: rgb(68, 68, 68);
    font-weight: 600;
}

.wp-pagenavi a, .wp-pagenavi span {
    color: rgb(170, 170, 170);
    font-size: 1rem;
    padding: 7px 10px;
    display: inline;
}

.wp-pagenavi a {
    font-size: 1rem;
    display: inline;
    color: rgb(59, 141, 189);
    border: none;
    border-bottom: 3px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(241, 241, 241);
}

.page-title .meta-single li.comments {
    float: right;
    margin-right: 0;
}

.page-title .meta-single li {
    float: left;
    margin-right: 1rem;
    line-height: 1.7rem;
}

/*.single .post-title {
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: -1px;
}*/

.post-byline {
    font-size: 14px;
    font-weight: 400;
    color: rgb(170, 170, 170);
    text-transform: uppercase;
    margin-bottom: 1em;
}

.post-byline a{
    color: rgba(46, 162, 204, 1);
}

.post-tags {
    margin-bottom: 3rem;
}

.post-tags span {
    font-size: 0.9rem;
    display: inline-block;
    margin: 0 7px;
}

.post-tags a {
    background: rgb(242, 242, 242);
    display: inline-block;
    line-height: 1.2rem;
    white-space: nowrap;
    font-size: 0.8rem;
    color: rgb(105, 105, 105);
    padding: 3px 7px;
    margin: 0 5px 2px 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.heading, #reply-title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid rgb(238, 238, 238);
    margin-bottom: 3rem;
}

.heading i {
    margin-right: 1rem;
}

.heading span {
    border-bottom: 3px solid rgb(0, 100, 117);
}

.fa-hand-o-right:before {
    content: "\e808";

}

.related-posts {
    border-bottom: 2px solid rgb(238, 238, 238);
    margin-bottom: 3rem;
}

.related-posts li {
    width: 31.33%;
    margin: 0 1%;
    float: left;
    display: inline;
}

.related-posts .post {
    border-right: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 0;
    padding-bottom: 10px;
}

.related-posts .related-inner {
    padding: 0 1.5rem 0 0;
}

.single .related-posts .post-title {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: 0;
    display: block;
}


/* Раздел комментарии*/
#comments {
    margin-top: 20px;
}

.commentlist {
    margin-bottom: 20px;
}

.commentlist li {
    padding-left: 5%;
    display: none;
}

.even.depth-1 {
    background: rgb(255, 255, 255);
}

.odd.depth-1 {
    background: rgb(245, 245, 245);
}

.depth-2 {
    background: rgb(235, 235, 235);
}

.depth-3 {
    background: rgb(225, 225, 225);
}

.depth-4 {
    background: rgb(215, 215, 215);
}

.depth-5 {
    background: rgb(205, 205, 205);
}

.commentlist .comment-body {
    clear: both;
    position: relative;
    padding-bottom: 15px;
    font-size: 1.1rem;
    line-height: 1.8rem;
}

.commentlist .comment-author {
    margin-right: 6px;
}

.commentlist .comment-author, .commentlist .comment-meta, .commentlist .comment-awaiting-moderation {
    display: block;
    line-height: 1.2rem;
    font-weight: 600;
}

.commentlist .comment-meta:before {
    font-family: 'My Awesome';
    color: rgba(51, 51, 51, 0.6);
    content: "\e804";
    font-size: .9rem;
    margin-right: 3px;
}

.commentlist .fn {
    color: rgb(223, 107, 112);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
}

.commentlist .comment-author-admin > .fn, .commentlist .comment-author-admin > .fn a {
    color: rgb(46, 162, 204);
}

.commentlist .says {
    display: none;
}

.commentlist .comment-meta a {
    color: rgb(170, 170, 170);
}

.commentlist .comment-body p {
    margin-bottom: 8px;
    color: rgb(119, 119, 119);
    clear: both;
    word-break: break-word;
}

.commentlist .reply {
    line-height: 1.9rem;
}

.commentlist .reply a {
    color: rgb(0, 130, 170);
}

.commentlist li li {
    padding-left: 10%;
    margin: 0;
}

.commentlist li.bypostauthor>.comment-body:after, .commentlist li.comment-author-admin>.comment-body:after {
    top: 1.2rem;
    left: -7%;
    font-size: 1.3rem;
    font-family: "My Awesome";
    color: rgb(59, 141, 189);
    display: block;
    position: absolute;
    content: "\e80a";
}

.commentlist li li.bypostauthor>.comment-body:after, .commentlist li li.comment-author-admin>.comment-body:after {
    /*-webkit-border-radius: 2px;*/
    /*border-radius: 2px;*/
}

#respond {
    position: relative;
}

#commentform {
    background: rgb(246, 247, 248);
    padding: 10px 20px 20px;
    margin-bottom: 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#commentform p.comment-form-url, #commentform p.comment-form-comment {
    clear: both;
}

#commentform label, #commentform input, #commentform textarea, #commentform input[type="text"] {
    padding: 0.5rem 0;
    font-weight: 600;
    display: block;
    color: rgb(68, 68, 68);
    font-family: inherit;
    font-size: 0.9rem;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin: 0;
}

#but_comments {
    background-color: rgb(59, 141, 189);
    color: rgb(255, 255, 255);
    padding: 8px 14px;
    width: 100%;
    max-width: 300px;
    font-weight: 600;
    display: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#but_comments:hover {
    background-color: rgb(29, 111, 159);
}

#commentform input[type="submit"], #commentform button[type="submit"] {
    background-color: rgb(0, 110, 150);
    color: rgb(255, 255, 255);
    padding: 8px;
    font-size: 1rem;
    width: 100%;
    max-width: 300px;
    font-weight: 600;
    display: inline-block;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#commentform input[type="submit"]:hover, #commentform button[type="submit"]:hover {
    background-color: rgb(0, 130, 170);
}

#commentform textarea{
    height: 7rem;
}

#commentform textarea, #commentform input[type="text"] {
    width: 100%;
    font-size: 1rem;
    font-weight: 100;
    border: 1px solid rgb(200, 200, 200);
}

#commentform p.comment-form-author {
    width: 49%;
    float: left;
}

#commentform p.comment-form-email {
    width: 49%;
    float: right;
}

#commentform .required, #commentform label[for="rating"] {
    color: rgb(185, 0, 0);
}

#commentform input[type="checkbox"] {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    float: left;
    margin: 1rem 5px;
}

#commentform p.form-submit {
    margin-top: 10px;
}

/*#commentlist-container {*/
    /*width: 100%;*/
/*}*/

/*.commentlist {*/
    /*width: 100%;*/
/*}*/

.sub-action-button {
    text-align: center;
}

.themeform button[type="submit"] {
    font-size: 1.1rem;
    cursor: pointer;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    max-width: 400px;
    display: inline-block;
    font-family: "Open Sans", Arial, sans-serif;;
    margin: 0 10px 10px 0;
    -moz-border-radius: 7px;
    padding: 1rem .5rem;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-color: rgb(15, 150, 150);
    background-image: -moz-linear-gradient(top,rgb(15, 150, 150),rgb(78, 126, 149));
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(15, 150, 150)),to(rgb(78, 126, 149)));
    color: rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0f9696',EndColorStr='#4E7E95');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0f9696', EndColorStr='#4E7E95')";
}

.themeform button[type="submit"]:hover {
    background-color: rgb(104, 169, 200);
    background-image: -moz-linear-gradient(top,rgb(78, 126, 149),rgb(15, 150, 150));
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(78, 126, 149)),to(rgb(15, 150, 150)));
    color: rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#68A9C8',EndColorStr='#0f9696');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#68A9C8', EndColorStr='#0f9696')";
}

.down_button {
    text-align: right;
}


.download_button a:link, .download_button a:visited {
    background-image: -moz-linear-gradient(top,#53a0e2,#23537d);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(83, 160, 226)),to(rgb(35, 83, 125)));
    color: rgb(218, 218, 218);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#53a0e2',EndColorStr='#23537d');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#53a0e2', EndColorStr='#23537d')";

    border-radius: 7px;
    display: inline-block;
    font-size: 1.1rem;
    margin: 10px 0;
    -moz-border-radius: 7px;
    padding: 10px 10px;
    text-align: right;
    text-shadow: 0 1px 1px rgba(100,100,100,.6);
    -webkit-border-radius: 7px;
    color: rgb(255, 255, 255);
}


.download_button a:hover {
    background-image: -moz-linear-gradient(top,#23537d,#53a0e2);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(35, 83, 125)),to(rgb(83, 160, 226)));
    color: rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#23537d',EndColorStr='#53a0e2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#23537d', EndColorStr='#53a0e2')";
}

.subtitle {
    color: rgb(255, 215, 0);
    white-space: nowrap;
}

.sub-action-button {
    text-align: center;
}

.blue-button a:link, .blues-button a:visited {
    background-image: -moz-linear-gradient(top,#23b9eb,#093848);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#23b9eb),to(#093848));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#23b9eb',EndColorStr='#093848');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#23b9eb', EndColorStr='#093848')";
	border-radius: 7px;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    width: 380px;
    display: inline-block;
    padding: 15px 10px;
    text-shadow: 1px 1px rgb(0 0 0 / 90%);
}

.blues-button a:hover {
    background-image: -moz-linear-gradient(top,#093848,#23b9eb);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#093848),to(#23b9eb));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#093848',EndColorStr='#23b9eb');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#093848', EndColorStr='#23b9eb')";
}

.a-b-br {
    display: block;
	color: rgb(255, 255, 255);
}




/* footer */

#footer {
    width: 100%;
}

#footer-bottom {
    background: rgb(246, 247, 248);
}

#footer-bottom #back-to-top {
    background: rgba(234, 234, 234, 1);
    color: rgba(119, 119, 119, 1);
    /*overflow: hidden;*/
    text-align: center;
    width: 60px;
    height: 30px;
    display: block;
    margin: 0 auto -30px;
}

#footer-bottom #back-to-top i {
    font-size: 3rem;
}

#copyright p {
    color: rgba(38, 68, 95, 1);
    font-size: 1rem;
    line-height: 1.7rem;
}

@media only screen and (max-width: 1023px){
    .social-icon-footer {
        display: none;
    }
	
    .related-posts li {
        width: 46%;
        margin: 0 2%;
    }

    .related-posts li:nth-child(3), .related-posts li:nth-child(4) {
        display: none;
    }

}



@media only screen and (max-width: 767px){

	#copyright p {
        font-size: .9rem;
        line-height: 1.4rem;
        text-align: center;
    }

    .wp-pagenavi a {
        font-size: .8rem;
        border-bottom: 2px solid rgb(221, 221, 221);
    }

    .wp-pagenavi a, .wp-pagenavi span {
        font-size: .8rem;
        padding: 7px 9px;

    }

    .wp-pagenavi a:hover {
        border-bottom: 2px solid rgb(25, 115, 165);
    }

    .social-icon-fb, .social-icon-vk, .social-icon-ok, .social-icon-in, .social-icon-you, .social-icon-pi {
        font-size: 1.5rem;
        margin: .6rem;
    }
}


@media only screen and (max-width: 599px){
    
	#copyright p {
        font-size: .7rem;
        line-height: 1rem;
    }

    .heading {
        font-size: 1rem;
        text-transform: none;
    }

    #reply-title {
        font-size: 1rem;
    }

    .heading span {
        border-bottom: 2px solid rgb(25, 115, 165);
    }

    .commentlist li.bypostauthor>.comment-body:after, .commentlist li.comment-author-admin>.comment-body:after {
        top: .7rem;
        left: -9%;
        font-size: 1.1rem;
    }

    .commentlist .comment-body {
        font-size: 1.1rem;
        line-height: 1.6rem;
    }
}



@media only screen and (max-width: 767px){
    
	#footer .pad {
        padding: 2rem;
    }
}

@media only screen and (max-width: 434px){
    #copyright p {
        font-size: .6rem;
        line-height: .9rem;
    }

    .wp-pagenavi a {
        font-size: .6rem;
        border-bottom: 2px solid rgb(221, 221, 221);
    }

    .wp-pagenavi a, .wp-pagenavi span {
        font-size: .6rem;
        padding: 7px 7px;
    }

    .wp-pagenavi a:hover {
        border-bottom: 2px solid rgb(25, 115, 165);
    }

    .social-icon-fb, .social-icon-vk, .social-icon-ok, .social-icon-in, .social-icon-you, .social-icon-pi {
        font-size: 1.3rem;
        margin: .5rem;
    }

    .related-posts li {
        width: 100%;
        margin: 0;
    }

    .related-posts li:nth-child(2), .related-posts li:nth-child(3), .related-posts li:nth-child(4) {
        display: none;
    }

    .heading span {
        font-size: 4.5vw;
    }

    #commentform {
        padding: .5rem;
        font-size: 5vw;
    }

    .commentlist li.bypostauthor>.comment-body:after, .commentlist li.comment-author-admin>.comment-body:after {
        left: -10%;
        font-size: .9rem;
    }

    .commentlist .comment-body {
        font-size: .9rem;
        line-height: 1.4rem;
    }

    .themeform button[type="submit"] {
        font-size: .8rem;
    }
	
	.blue-button a:link, .blues-button a:visited {
    	width: 240px;
    	font-size: 1rem;
	}
}


iframe {
    margin: auto;
    display: block;
	width: 50vw;
    height: 28.1vw;
}

#iframe_google_doc{
    margin: 0;
    width: 100%;
    height: 11289px;
}

@media only screen and (max-width: 959px) {
	iframe {
	    margin: auto;
    	display: block;
    	width: 86vw;
    	height: 48.4vw;
	}	
}