/*
Theme Name: Ranking
Author: Michalina K
Version: 1.0
Text Domain: 
*/

/*# sourceMappingURL=style.css.map */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap&subset=latin-ext');

/* global */
body {font-family: 'Montserrat', sans-serif; font-size: 0.9rem}
img {max-width: 100%; height: auto}
.bg-orange {background: #e76322 }
.bg-grey {background:#464646}
.text-orange {color:#e76322 }
.text-bold {font-weight: 500;}
p {margin-bottom: 10px}
.text-transparent {color: rgba(255,255,255, 0.5)}
.social-item {float: left; margin: 0 10px; font-size: 1.2rem}
.social-item a {color: #fff}
.social-items {background-color: #e76322; padding: 10px 30px; margin-top: 50px }
.text-main {padding: 15px; font-weight: 600}
/* intro */

.main-col img {width: 100%}
/* products */
.item-header a {color: #000; }
.item-header a:hover {color: #000; text-decoration: none;}
.item-header-span {padding: 5px; font-size: 1.8rem;     float: left;
    margin-right: 10px;}
.more-link {border: 3px solid #e76322; font-size: 1.2rem; color: #000; 
    font-weight: 500; transition: all .5s ease; }
.more-link:hover {text-decoration: none; color: #e76322}
.list-page {padding: 10px 5px}

/* footer */

/* sidebar */
.item-header-small-link:hover {text-decoration: none}
.search-button {background: url(../img/social-links-new.png) no-repeat -113px 5px #e76322; text-indent: -9999px; width: 38px; outline: none; border: none; }
.form-control {border-radius: 0px}
.item-header-small-span {font-size: 1.3rem; font-weight: 600;}
.widget-item-title a {color: #000;}
.widget-item-title a:hover {text-decoration: none}
.widget-ul {border: 3px solid #e76322; padding: 0.5rem }
.featured-link {color: #000; transition: .5s ease; font-size: 1.2rem; }
.featured-link:hover {color: #e76322; text-decoration: none;  }
.srpw-block a.srpw-title {color: #000;}
.srpw-block a.srpw-title:hover {color: #e76322; }
/* single */
.single-ul {border: 3px solid #e76322; padding: 0.5rem; display: inline-block; }
h3#reply-title {margin-top: 30px; }
.comment-form .comment-form-comment label {display: block!important}
input.submit {background: white; border: 3px solid #e76322; padding: 5px;}
textarea#comment {width: 100%}
.tag-holder {padding: 20px 0;}
.tag-holder a {background: #e76322; color: #fff; padding: 5px; margin-right: 5px; margin-bottom: 5px; display: inline-block}
.tag-holder a:hover {color: #fff; text-decoration: none}
h3{font-size: 24px!important}
/* category */
.loop-title {color: #000;transition: all .5s ease;  }
.loop-title:hover {text-decoration: none; color:#e76322; }

/*comment*/
.comment-meta.commentmetadata {display: none;}
ol.commentlist {list-style:none}
.comment-author.vcard {margin-bottom: 15px!important;}
.commentlist ul.children {list-style: none;}
.commentlist li.comment {margin-bottom: 20px; margin-top:20px;}
.comment-form-comment label {font-size: 20px}
.comment-author cite {font-weight: 600}
#wp-comment-cookies-consent {margin-right: 5px;}
/*archive*/
.excerpt {font-size: 1rem}
.post-el {margin: 30px 0;}
.post-el h3 a {color: #000; transition: all .5s ease; }
.post-el h3 a:hover {color: #e76322; text-decoration: none;}
/*paginacja*/
.page-numbers {color: #000; font-size: 1.2rem; font-weight: 500}
.next.page-numbers, .prev.page-numbers {font-size: 1rem}
.page-numbers.current, .next.page-numbers, .prev.page-numbers {color: #e76322;}
.page-numbers:hover {color:#e76322; text-decoration: none }
/* responsive */
@media screen and (max-width: 750px) {
  
    .image-col {text-align: center; padding: 20px 0;}
    .tags-row {margin-left: 0px;}
    .featured-item {text-align: center;}
    .no-gutters>[class*=col-] {margin: 0 auto; text-align:center}
    .widget-item img {margin: 0 auto 20px;}
    .row.no-gutters {margin: 0 auto; text-align: center;}
    .social-items {margin-top: 10px!important; margin-bottom: 10px!important;}
    .widgets-area h5 {text-align: center!important}
    .widgets-area .textwidget {text-align: center}
    .widget-ul {text-align: left!important}
    .no-results-form {display: none}
    
}
@media screen and (min-width: 751px) and (max-width: 850px ) {
   .item-header-small-span {font-size: 1rem!important} 
}

@media screen and (min-width: 751px) and (max-width: 1370px ) {
    .no-gutters>[class*=col-] {margin: 0 auto; text-align:center}
    .widget-item img {margin: 0 auto 20px;}
    .widget-ul ul {padding-left:10px!important}
     .widget-ul {text-align: left!important}

   
}