/*
Theme Name:     story-child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template: thestory
*/

@import url("../thestory/style.css");

.services-box:hover {

    -webkit-animation-duration: .5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
    0% {box-shadow: none}
    100% {box-shadow: 0px 5px 12px;}
}

@keyframes fadeIn {
    0% {box-shadow: none}
    100% {box-shadow: 0px 5px 12px;}
}

.cols-wrapper {
    overflow:visible !important;
}

.content a{
    text-decoration:underline;
    color: #212738;
}

.content a:hover{
    text-decoration:none;
}

.pg-nav-wrapper ul li a {
    text-decoration:none !important;
    color: #FFFFFF !important;
}

.textwidget a {
    text-decoration:underline;
}

.textwidget a:hover {
    text-decoration:underline;
}

#content-container > #full-width > .content-box > .cols-wrapper > .col .button{
    text-decoration:none;
    color:#FFFFFF;
    background-color: #212738;
}

@media (max-width: 523px) {
    /* button sizing */
    #content-container > #full-width > .content-box > .cols-wrapper > .col{
        display:flex;
        align-items:center;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .cols-3 .col:nth-of-type(3n) {
        clear: none;
        margin-right: 0% !important;
    }
}

.home #section-1.section-boxed {
    margin-top: 0;
}

.full_width_row {
    position: relative;
    /* Place the container at the start of the viewport. */
    left: calc(calc(100vw - 100% - var(--scrollbar-width)) / -2);
    /* Make the container 100vw, but we also need to subtract the scrollbar width or we will have a horizontal overflow. */
    width: calc(100vw - var(--scrollbar-width));
}

.cta-button a {
    font-family: Arial, sans-serif;
    text-decoration: none;
    line-height: normal;
    text-wrap: nowrap;
}

.home .header-wrapper #slider-container .button {
    background: white;
    color: black;
    font-family: Arial, sans-serif;
    text-decoration: none;
    line-height: normal;

    border-radius: 4px;
    padding-right: 24px;
    padding-left: 24px;
    min-width: 150px;
    font-weight: bold;
    font-size: 21px;
    text-wrap: nowrap;
    margin-top: 2em;
}

html {
    max-width: 100%;
}

/* Gallery Restyle to add sidebar */

.page-template-template-portfolio-gallery .pg-page-wrapper,
.page-template-template-portfolio-gallery .pg-items,
.page-template-template-portfolio-gallery .pg-item { 
	width: 100% !important; 
}

@media (min-width: 686px) {
	.page-template-template-portfolio-gallery .pg-item { width: 47% !important; }
}

@media (min-width: 1141px) {
	.page-template-template-portfolio-gallery .pg-item { width: 31% !important; }
}

/* FAQ Dropdown Section */

details.schweb-details {
    margin-bottom: 1em;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    background-color: #f9f9f9;
}
summary.schweb-summary {
    cursor: pointer;
    font-weight: bold;
}
details.schweb-details[open] summary.schweb-summary {
    color: #212737;
}

/* In Stock Page */

.pg-item > a,
.pc-item > a {
    text-decoration: none;
}

.pg-item > a:hover,
.pc-item > a:hover {
    text-decoration: underline;
}

.pg-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    margin: 10px;
}

/* Single Product (portfolio) Page */

.portfolio-template-default .ps-wrapper,
.page-template-template-portfolio-gallery .ps-wrapper{
    height: unset !important;
}

.portfolio-template-default .ps-content-text,
.page-template-template-portfolio-gallery .ps-content-text {
    height: auto !important;
    overflow: visible !important;
}