/*
Theme Name: puca
Author: tonik.pl
Author URI: http://tonik.pl
Description: Template for puca
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: puca

*/
.sticky {
	display: block;
}


/*--------------------------------------------------------------
# CTA Bottom Blog Box
--------------------------------------------------------------*/

.bs-calltoaction{
    position: relative;
    width:auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

    .bs-calltoaction > .row{
        display:table;
        width: calc(100% + 30px);
    }
     
        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:table-cell;
            vertical-align:middle;
        }

            .cta-contents{
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .cta-title{
                    margin: 0 auto 15px;
                    padding: 0;
                }

                .cta-desc{
                    padding: 0;
                }

                .cta-desc p:last-child{
                    margin-bottom: 0;
                }

            .cta-button{
                padding-top: 10px;
                padding-bottom: 10px;
            }

@media (max-width: 991px){
    .bs-calltoaction > .row{
        display:block;
        width: auto;
    }

        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:block;
            vertical-align:middle;
            position: relative;
        }

        .cta-contents{
            text-align: center;
        }
}


.bs-calltoaction.bs-calltoaction-success{
    color: #449d44;
    background-color: #f2f3f5;
    border-color: #b6b6b6;
}

/*--------------------------------------------------------------
# Homepage Contact Us Styling
--------------------------------------------------------------*/

.btn.emptyh {
   background: #fff;
   color: #6ed28d;
}


.btn.emptyh:hover {
    background: #fff;
    color: #6ed28d;
}

/*--------------------------------------------------------------
# Related Posts (Blog) Styling 
--------------------------------------------------------------*/
.yarpp-related a {
    font-weight: 500 !important;
}

/*--------------------------------------------------------------
# Sections BG Image Mobile Adjustment
--------------------------------------------------------------*/
@media (max-width: 375px) {
.channels .left-wide, .channels .right-wide {
    min-height: 120px !important;
}}
/*--------------------------------------------------------------
# Hero Opacity
--------------------------------------------------------------*/
.hero .slogan {
    opacity: initial !important;
}
/*--------------------------------------------------------------
# Case Studies Client Font Colour
--------------------------------------------------------------*/
body.single-case .hero .slogan p {
    color: #ffffff !important;
}
/*--------------------------------------------------------------
# Homepage Wash & Blog Post Link
--------------------------------------------------------------*/
@media (min-width: 1366px) {
.hero .hero-mask {
    background: rgba(29,52,79, 0.7)!important;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity;
}}

@media (max-width: 1366px) {
.hero .last-news {
    margin-top: 6px !important;
    color: #fff;
    font-size: 16px;
}}
/*--------------------------------------------------------------
# Leadin Popup
--------------------------------------------------------------*/

.leadinModal-v3 .leadin-footer-wrapper {
    background-color: #ebebeb !important;
    padding: 0.5em;
    border-top: 1px solid #ddd;
}

/*--------------------------------------------------------------
# Case Study Tags Font Size
--------------------------------------------------------------*/

.case div.tags a, .solution div.tags a { 
color: #848799; 
font-size: 13px; 
}

.case .box div.tags { 
margin-bottom: 20px; 
min-height: 40px; 
font-size: 13px;
}

/*--------------------------------------------------------------
# Remove Padding For Blog Post View On Mobile
--------------------------------------------------------------*/

@media (max-width: 767px) {
.page .article-news, body.post-type-archive-case .article-news, body.single .article-news, body.tag .article-news {
    padding: 0px 15px !important;
}}

@media (max-width: 767px) {
div.search {
    clear: both;
    margin-top: 0px !important;
    float: left!important;
    margin-left: 30px;
    width: 100%;
}}


/*--------------------------------------------------------------
# Blog H2 Tag Sizing
--------------------------------------------------------------*/

.page .article-news article h2, body.post-type-archive-case .article-news article h2, body.single .article-news article h2, body.tag .article-news article h2 {
    margin: 60px 0 30px;
    font-size: 26px !important;
}

@media (max-width: 767px) {
.page .article-news article h2, body.post-type-archive-case .article-news article h2, body.single .article-news article h2, body.tag .article-news article h2 {
    font-size: 24px !important;
}}

/*--------------------------------------------------------------
# Hide Remarketing iFrame In Footer
--------------------------------------------------------------*/

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin: 0 -15px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 0 15px;
	margin-bottom: 30px;
}

	.gallery-item img {
		display: block;
	  	height: auto;
		max-width: 100%;
	}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}