/**
 * style.css
 *
 * Theme Name: Grants Wordpress Theme
 * Theme URI: https://website-design-lab.com
 * Description: Premium custom theme
 * Version: 1.0
 * Author: Alen Hota
 * Author URI: https://website-design-lab.com
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Tags: one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
 * Text Domain: alpha;
 */


/*===============================================
=            BOOTSTRAP COMPATIBILITY            =
===============================================*/

@-ms-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media print {
    .container {
        width: auto;
    }
}

.container {
    max-width: 980px;
}


/* Box-sizing resets
 *
 * Reset individual elements or override regions to avoid conflicts due to
 * global box model settings of Bootstrap. Two options, individual overrides and
 * region resets, are available as plain CSS and uncompiled Less formats.
 */


/* Option 2A: Reset an entire region via CSS */

.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/*=====  End of BOOTSTRAP COMPATIBILITY  ======*/


/*======================================
=            Default styles            =
/*======================================*/


/*div {font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}*/

div {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 30px;
}

h6 {
    font-size: 30px;
}

p {
    font-size: 16px;
    font-weight: 600;
}

.entry-header img {
    max-width: 100%;
}


/*=====  End of Default styles  ======



/*==============================
=            HEADER            =
==============================*/

.header-contents {
    border-bottom: 4px solid #d1e6ee;
}

.home .header-contents {
    border-bottom: none;
}

footer.site-footer {
    border-top: 4px solid lightgray;
}

footer .container {
    padding: 18px 10px 0;
}


/* footer .container {border-top: 4px solid #d1e6ee;padding: 18px 10px 0;} */


/* Logo settings */

.site-logo {
    display: block;
    margin: 10px auto;
    max-width: 100%;
}


/* Navigation */

.navbar {
    margin-bottom: 0;
}

.navbar-nav>li>a {
    font-size: 1.2em;
    text-transform: capitalize;
}

.navbar-nav>li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
}

.navbar-nav>li:hover {
    background-color: #fff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    overflow-y: hidden;
}

nav.navbar-default {
    background-color: rgb(255, 255, 255);
}

.navbar-default .navbar-nav>li>a {
    color: #555;
}

.navbar-default .navbar-nav>li>a:visited,
.navbar-default .navbar-nav>li>a:active {
    color: initial;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}


/*.page .site-header {
	background: #d1e6ee url('http://localhost/mine/grants/gr/wp-content/uploads/2017/03/background.jpg') no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.page .site-header, .page .site-header nav.navbar-default, .page .navbar-nav>li:hover {
	background-color: transparent;
}
.page-template-template-homepage .site-header nav.navbar-default, .home .navbar-nav>li:hover {
	background-color: rgb(255,255,255)!important;
	background-image: none !important;
}*/


/* Carousel home */

.carousel-wrap {
    position: relative;
}


/* Carousel base class */

.carousel {
    height: auto;
    max-height: 100%;
    margin-bottom: 60px;
    max-width: 100%;
}


/* Since positioning the image, we need to help out the caption */

.carousel-caption {
    z-index: 10;
}

.carousel-indicators {
    bottom: 0;
}


/* Declare heights because of positioning of img element */

.carousel .item {
    height: auto;
    max-height: 500px;
    background-color: #777;
    overflow: hidden;
}

.carousel-inner>.item>img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 4s;
    /* Safari */
    transition-duration: 4s;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}


/*=============================
=            NAVIGATION       =
=============================*/

.site-navigation {
    font-weight: 600;
}


/*=============================
=            PAGES            =
=============================*/


/* about page */


/*.container > .row {box-shadow: 0 1px 1px #d9d9d9;}*/

.page-template-template-about h1 {
    margin-bottom: 0;
}

.page-template-template-about .entry-content p {
    padding: 0 10px;
}

.page-template-template-about .entry-thumbnail {
    box-sizing: border-box;
    float: right;
}

.page-template-template-about .entry-thumbnail img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.page-template-template-contact .company-info {
    padding: 40px 30px 20px;
    background-color: #d1e6ee !important;
    margin: 30px 0;
    font-size: 22px;
}

.page-template-template-contact .shopping-bag {
    font-size: 22px;
}

.page-template-template-contact .company-info h2 {
    font-size: initial;
    font-weight: 800;
}

.page-template-template-contact .shopping-bag img {
    height: auto;
    max-height: 100%;
    float: right;
}

.page-template-template-contact .place-details {
    padding: 20px 20px 5px;
    background-color: #f9f9f9;
}

.page-template-template-contact .place-details img {
    width: 100%;
    max-width: 100%;
}

.page-template-template-contact .place-content {
    padding: 0 25px;
}

.contact-time {
    text-transform: uppercase;
}

.product {
    text-align: center;
    outline: #fff 2px solid;
    padding: 10px 0;
    background-color: #d1e6ee;
    font-weight: 600;
}

.bl-25 {
    display: inline-block;
    width: 20%;
    float: left;
    font-weight: 600;
}

.button-blue {
    display: block;
    max-width: 30%;
    padding: 15px 20px;
    background-color: #d1e6ee;
    margin: 20px auto;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.page-id-7 .intro:nth-of-type(1)>p:first-child {
    padding: 0;
}

.page-id-7 .intro:nth-of-type(1)>p {
    padding: 0 10px;
}

.page-id-7 .intro {
    font-size: 16px;
    line-height: 30px;
    padding: 0 20px;
}

.page-id-7 h2,
#post-8 h2,
.page-template-template-about h1,
#post-8 h1,
#post-7 h1,
#post-9 h1 {
    padding: 10px 6px;
    background-color: #f9f9f9;
    margin: 40px 0;
}

.page-id-7 .testimonials-block {
    padding: 40px 60px;
    background-color: #f9f9f9;
    line-height: 30px;
}

.page-id-7 .testimonials-block h3 {
    margin-left: -30px;
}

.page-id-7 .testimonials-block hr {
    border: 2px solid #fff;
    box-shadow: 0 1px 1px 1px #ddd;
}

#post-8 {
    line-height: 30px;
}

#post-8 p {
    padding: 0 10px;
}

#gallery-1 img,
#gallery-2 img {
    border: 1px solid #fff!important;
    width: 100%;
    height: auto;
}

.image-style-1 {
    text-align: center;
}

.image-style-1 img {
    outline: #fff solid 3px;
}

.image-style-1 img {
    max-width: 100%;
}

.catalogue-1 {}


/**
 * ---------- contact form
 */

div.wpcf7 label {
    display: block;
}

div.wpcf7 input,
div.wpcf7 textarea {
    background-color: #f7f7f7;
    border: 1px solid #d1e6ee;
    width: 100%;
    min-height: 60px;
    margin-top: 10px;
}


/*div.wpcf7 input[type="submit"] {width: 100%;}*/

div.wpcf7-validation-errors {
    padding: 10px;
    font-size: 1.2em;
    border: none;
    background-color: #f9f9f9;
    color: #000;
    text-align: center;
}

div.wpcf7-mail-sent-ok {
    padding: 10px;
    font-size: 1.2em;
    border: none;
    background-color: #d1e6ee;
    color: #000;
    text-align: center;
}

.container-404,
.search .not-found {
    padding: 60px 10px;
}

.container-404 h1,
.container-404 p,
.search .not-found h1,
.search .not-found p {
    text-align: center;
}

.container-404 form div,
.search .not-found form div {
    display: ;
    margin: 40px auto;
    text-align: center;
}

.container-404 form input,
.search .not-found input {
    border: none;
    background-color: #d9d9d9;
    padding: 10px 4px;
    text-align: center;
    margin-bottom: 1px;
}

.container-404 form input[type="submit"],
.search .not-found form input[type="submit"] {
    padding-left: 18px;
    padding-right: 18px;
    background-color: #d1e6ee;
}


/*=====  End of PAGES  ======*/


/*=============================
=            POSTS            =
=============================*/

.blog .container,
.single-post .container,
.archive .container,
.search .container {
    margin-bottom: 30px;
}

.blog .entry-header h1,
.blog .entry-header h1 a {
    color: 555 !important;
}

.entry-header img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.blog figure,
.archive figure {
    position: relative;
    left: 0;
    top: 0;
    /*max-height: 360px;*/
    overflow-y: hidden;
}

.post-readmore {
    color: #555;
    text-decoration: none;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 22px;
    padding: 10px 10px;
    background-color: #d1e6ee;
}

.post-readmore:hover {
    text-decoration: none;
    opacity: .8;
}

.post .entry-thumbnail {
    position: relative;
}

.post .entry-header .entry-meta-banner,
.entry-header .entry-meta-banner {
    position: absolute;
    z-index: 999;
    left: 20px;
    top: 0;
    padding: 0;
    list-style-type: none;
    opacity: .9 !important;
}

.entry-header .entry-meta-banner>li>ul {
    list-style-type: none;
    padding: 0;
}

.entry-meta-banner>li {
    display: block;
    position: relative;
    text-align: center;
    background-color: #d1e6ee;
}

.entry-meta-banner>li>ul>li:first-child {
    font-size: 16px;
}

.entry-meta-banner>li:first-child {
    padding: 4px 10px 4px;
}

.entry-meta-banner>li:first-child ul li:nth-of-type(2) {
    padding-bottom: 2px;
    border-bottom: 2px solid #fff;
    margin-top: -4px;
}

.entry-meta-banner>li:nth-of-type(2)::after;
{
    content: '';
    position: absolute;
    width: 80%;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: #fff;
}

.tag-wrap a {
    display: inline-block;
    padding: 6px 20px;
    margin-right: 4px;
    background-color: #d1e6ee;
}

.comments-title,
.comment-reply-title {
    padding: 10px;
    background-color: #d1e6ee;
    font-weight: 100;
    font-size: 18px;
}

.comments-area ol {
    list-style: none !important;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    display: block;
}

p[class^="comment-form"] input,
p[class^="comment-form"] textarea,
.form-submit .submit {
    background-color: #f9f9f9;
    padding: 10px 6px;
    width: 100%;
    border: none;
    outline: #d9d9d9 solid 1px;
}

.form-submit .submit {
    width: 50%;
}

.form-submit .submit {
    border: none;
    padding: 10px 4px;
    background-color: #d1e6ee;
}


/*=====  End of POSTS  ======*/


/*=====================================
=            SIDEBAR            =
=====================================*/

.blog .col-md-8,
.archive .col-md-8,
.single .col-md-8,
.search .col-md-8 {
    border: 1px solid #d1e6ee;
    padding: 0 15px !important;
}

.sidebar {
    padding-left: 0;
    padding-right: 0;
}

.sidebar div {}

.sidebar .widget:first-child,
.sidebar .widget:first-child h5 {
    margin-top: 0;
}

.sidebar .widget ul li,
.sidebar .widget p,
.sidebar .widget ol li {
    padding: 0 20px;
}

.sidebar h5 {
    padding: 16px 20px;
    font-weight: 100;
    font-size: 16px;
    border-top: 1px solid #d1e6ee;
    border-right: 1px solid #d1e6ee;
    border-bottom: 3px solid #d1e6ee;
}

.screen-reader-text {
    display: none;
}

.sidebar #searchform input {
    line-height: normal;
    margin: 0 20px;
    padding: 10px;
    border: none;
    margin-bottom: 10px;
}

.sidebar #searchform input[type='text'] {
    width: 90%;
    background-color: #d9d9d9;
}

.sidebar #searchform input[type='submit'] {
    width: 45%;
    background-color: #d1e6ee;
    color: #000;
}

.sidebar .tagcloud {
    margin: 0 20px;
}

.sidebar .calendar_wrap table {
    width: 80%;
    margin: 0 auto;
}

.sidebar .calendar_wrap table td {
    padding: 2px 4px;
}

.sidebar .calendar_wrap table td,
.sidebar .calendar_wrap table th {
    text-align: center;
}

.sidebar .calendar_wrap table td a {
    outline: #d1e6ee solid thin;
    padding: 4px 4px;
    border-radius: 50%;
}

.sidebar .calendar_wrap caption {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #d1e6ee;
    margin-bottom: 20px;
}


/*=====================================
=            FOOTER SIDEBAR           =
=====================================*/

.footer-sidebar .footer-col-1 .widget-title {
    text-align: left;
}

.footer-sidebar .footer-col-2 .widget-title {
    text-align: center;
}

.footer-sidebar .footer-col-3 .widget-title {
    text-align: right;
}

.footer-sidebar [class*='footer-col-1'] ul,
.footer-sidebar [class*='footer-col-1'] ul li {
    text-align: left;
}

.footer-sidebar [class*='footer-col-2'] ul,
.footer-sidebar [class*='footer-col-2'] ul li {
    text-align: center;
}

@media (max-width: 767px) {
    .footer-sidebar [class*='footer-col'] .widget-title,
    .footer-sidebar [class*='footer-col'] ul,
    .footer-sidebar [class*='footer-col'] ul li {
        text-align: center;
    }
}


/*=====================================
=            MEDIA QUERIES            =
=====================================*/

@media (max-width: 480px) {
    .carousel-indicators {
        display: none;
    }
}

@media (max-width: 720px) {
    .bl-25 {
        width: 50%;
    }
    #gallery-1 .gallery-item {
        float: left;
        margin-top: 0 !important;
        width: 50% !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .site-navigation {
        padding-bottom: 5px;
    }
    .navbar-nav {
        float: none;
        clear: left;
    }
    .navbar-nav>li {
        position: relative;
        display: inline-block;
        float: none;
        clear: left;
    }
    .navbar-nav>li a:hover {
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -ms-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
        opacity: .4;
    }
    .page-id-5 .navbar-nav>li:nth-of-type(2)::before,
    .page-id-6:not(.page-template-template-homepage) .navbar-nav>li:nth-of-type(2)::before,
    .page-id-7 .navbar-nav>li:nth-of-type(3)::before,
    .page-id-8 .navbar-nav>li:nth-of-type(4)::before,
    .page-id-9 .navbar-nav>li:nth-of-type(5)::before {
        content: "";
        position: absolute;
        width: 60%;
        height: 2px;
        background-color: #d1e6ee;
        left: 20%;
        bottom: 4px;
    }
}

@media (max-width: 768px) {
    .page-template-template-about .entry-thumbnail img {
        margin: 0 auto 40px;
    }
}

@media (max-width: 780px) {
    .carousel-indicators {
        bottom: 10px;
        left: 4%;
        margin-left: 0;
        text-align: left;
        list-style: none;
    }
    .button-blue {
        max-width: 80%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    #main-navbar .nav>li>a {
        padding: 10px;
    }
}

@media (max-width: 991px) {
    body {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-template-template-contact img {
        max-width: 100%;
        box-sizing: border-box;
    }
    .page-template-template-contact .shopping-bag img {
        float: none;
        clear: left;
    }
    .page-template-template-contact p,
    .page-template-template-contact h3 {
        text-align: left;
    }
    .sidebar h5 {
        border-left: 1px solid #d1e6ee;
    }
}

@media (min-width: 992px) {}


/*=====================================
=            PAGES                    =
=====================================*/


/* TABLES */

.page-template-template-measurements .entry-content .container {
    margin: 7em auto 0;
}

.measure-table {
    height: auto;
    width: 100%;
    border-collapse: collapse;
    overflow: auto;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid;
    background-color: floralwhite;
}

.measure-table td {
    padding: 6px;
    width: 25%;
}

.measure-table thead {
    background-color: #e9e9e9;
    font-weight: 600;
}

.measure-table tbody tr:nth-of-type(even) {
    /* background-color: #f5f5f5; */
}

@media (max-width: 480px) {
    .measure-table {
        width: auto;
        max-width: 100%;
        text-align: center;
        border: 1px solid;
        box-sizing: border-box;
        display: block;
    }
}

@media (min-width: 768px) {
    .page-template-template-measurements .entry-content .container {
        padding: 0;
    }
}


/*=====================================
=            SHOP BANNER              =
=====================================*/

.shop-banner a {
    display: block;
    margin: 20px 0;
}

.shop-banner a img {
    display: block;
    width: 100%;
    max-width: 100%;
}