/*
Theme Name: Number Three - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/*======================================================================//
// style.css                                                            //
//======================================================================*/
.stom-billede-sektion .section,
.header-wrapper,
.section-wrap.section-fullpage .section {
    max-width: 1649px;
}

.section-wrap .section {
    padding: 80px 0;
}

header#masthead {
    background-color: #f9f9f9;
}

img {
    width: auto;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.15;
}

body {
    color: #272727;
    background: #F9F9F9;
    line-height: 1.25;
}

p {
    color: #40403f;
    margin: 0 0 1.25em;
}

button,
.stom-button a,
input[type="button"],
input[type="reset"],
input[type="submit"],
.gform_wrapper .gform_footer input[type=submit] {
    border-radius: 10px;
    background-image: linear-gradient(to top, #272727 0%, #40403f 100%);
    color: #fff;
    font-size: 18px;
    padding: 7px 30px;
    transition: 0.3s;
    border: none;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}

span.sub-heading {
    color: #b59167;
    text-transform: uppercase;
}

.center {
    text-align: center;
}

.icon-box img,
.small-icon-box img {
    height: 25px;
    width: auto;
}

.icon-box .grid-element {
    background: #fff;
    border-radius: 10px;
    padding: 35px 10px;
}

h2,
h4 {
    color: #40403f;
}

.icon-box .grid-element p:first-of-type,
.small-icon-box p {
    margin: 0;
}

h3 {
    margin: 0 0 4px;
}

.heading .section {
    padding-bottom: 0 !important;
}


.price-tabel.websites .grid-element:not(.small-text) {
    background-image: url(images/bg.png);
    background-attachment: fixed;
    border-radius: 10px;
    color: #fff;
    padding: 40px 10px 30px;
    background-size: auto;
}

.price-tabel.websites .grid-element:not(.small-text):before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    opacity: 0.85;
    background-image: linear-gradient(to bottom, #282828 0%, #0e0e0e 31%, #20201f 70%, #2b2b2b 100%);
}

.price-tabel.websites .grid-element:not(.small-text).mellem:before {
    background-image: linear-gradient(to top, #1a1a1a 0%, #000000 100%);
}

.price-tabel.websites .grid-element:not(.small-text).stor:before {
    background-image: linear-gradient(to bottom, #2b2b2b 0%, #383834 31%, #000000 70%, #000000 100%);
}

.price-tabel img {
    height: 25px;
    margin: auto;
    display: block;
}

.price-tabel h3,
.price-tabel h4 {
    text-align: center;
}


.price-tabel.websites h3 {
    color: #b59167;
}

.price-tabel.websites h4 {
    color: #fff;
}

hr {
    background-color: #b59167;
}

h4 strong {
    font-size: 60px;
    display: block;
    font-weight: 700;
}

.price-tabel h4 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 36px;
}

.price-tabel ul li:before {
    content: url(images/checkmark.svg);
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 18px;
    height: 18px;
}

.price-tabel.websites .grid-element:not(.small-text) .overlay {
    position: relative;
    z-index: 2;
}


.price-tabel ul {
    padding: 15px 0 0;
}

.price-tabel ul li {
    list-style-type: none;
    /* font-weight: 300; */
    padding: 0 0 13px 26px;
    font-size: 16px;
    position: relative;
}

.stom-grid-section .section.columns-3 .grid-element.small-text {
    width: 100%;
    text-align: center;
    padding: 12px 0 0;
}

.stom-grid-section .section.columns-3 .grid-element.small-text .overlay.clearfix {
    max-width: 750px;
    margin: auto;
}

.stom-billede-sektion.not-fullwidth .stom-picture {
    /* background-image: none!important; */
    vertical-align: middle;
    background-size: contain;
    background-position: center;
}


.section-wrap.white-bg .section {
    background: #fff;
    border-radius: 10px;
    padding: 80px 35px 70px;
    margin: 80px auto;
}


.grid-element.grid-four .overlay.clearfix {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 25px;
}

.small-icon-box {
    width: calc((100% - (20px * 1)) / 2);
}

.small-icon-box strong {
    display: block;
    padding: 0 0 6px;
    color: #272727;
}

.small-icon-box:nth-child(2) {
    margin-bottom: 55px;
}

span.stom-button {
    padding: 11px 0 0;
}

.price-tabel.abonnementer .grid-element:not(.small-text) {
    border-radius: 10px;
    padding: 88px 10px 30px;
    background-size: auto;
    background: #fff;
}


.price-tabel.abonnementer .grid-element h3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #40403f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    padding: 21px 0;
    font-weight: 700;
    background-image: url('images/bg-top.png');
    background-size: auto;
    background-attachment: fixed;
}

.design-gallery .gallery-icon.portrait {
    max-height: 600px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    transition: 0.3s;
}

.design-gallery .gallery-icon.portrait:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 55%);
}

.wp-caption-text {
    font-size: 30px;
    text-align: left;
    padding: 10px 0;
    font-weight: 700;
}

.wp-caption-text strong {
    color: #b59167;
    font-weight: inherit;
}

span.small-text-wrap {
    display: block;
    max-width: 753px;
}

.gallery-columns-3 {
    padding-top: 35px;
}

footer#colophon {
    background-image: linear-gradient(to top, #40403f 0%, #272727 100%);
    color: #fff;
    padding: 50px 0;
    margin-top: 50px;
}

#colophon .site-info {
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
}

#colophon .site-info .stom-cols-9 {
    width: 100%;
}

.stom-cols-3.last.copyright {
    display: none;
}

#colophon .site-info div>span>span:not(:last-child):after {
    color: #b59167;
    margin: 0 7px;
}


.stom-billede-sektion.second h2 {
    max-width: 520px;
}

.site-info a {
    text-decoration: none;
}

header .main-navigation a {
    color: #40403f;
    padding: 5px 25px;
    transition: 0.3s;
}

header .main-navigation a:hover,
header .main-navigation a:active {
    color: #b59167;
}

.stom-billede-sektion.second .stom-center-box {
    padding-right: 31px;
}


.price-tabel.abonnementer .grid-element.en-kanal h3 {
    background-color: #272727;
}

.section-wrap.price-tabel .section,
.section-wrap.icon-box .section {
    padding-top: 25px;
}

body:not(.stom-gform-legacy) .gform_wrapper input,
body:not(.stom-gform-legacy) .gform_wrapper .ginput_container input,
body:not(.stom-gform-legacy) .gform_wrapper .ginput_container select,
body:not(.stom-gform-legacy) .gform_wrapper .ginput_container textarea {
    border: 1px solid #40403f;
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 6px 11px;
    color: #40403f;
}

.gform_footer.top_label {
    text-align: right;
}

input#gform_submit_button_1 {
    padding: 10px 24px;
}

.stom-billede-sektion.first .section {
    padding-top: 45px;
}

.stom-billede-sektion.first .stom-center-box {
    padding-right: 70px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.stom-button a:hover,
.stom-button a:active,
.stom-button a:focus,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:active,
.gform_wrapper .gform_footer input[type=submit]:focus {
    background: #bb9167;
    /* border: none; */
    background-image: linear-gradient(to top, #836d5a 0%, #bb9167 100%);
}

.pswp__caption__center {
    text-align: center;
}

button.pswp__button:hover {
    background-image: none;
    background: transparent;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    /* background: transparent; */
    background-image: url('images/caret-down-solid.png');
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 48%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
    cursor: pointer;
}

input::placeholder,
textarea::placeholder {
    color: #40403f;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
    max-height: 50px;
}

p.stom_theme_logo img {
    max-width: 64px;
}



/*======================================================================//
// END style.css                                                        //
//======================================================================*/

body.thankyou div#logo {
    padding: 5px 0;
}

body.thankyou footer#colophon {
    margin-top: 0;
    padding: 15px 0;
}

.thank-you-page .section {
    padding: calc(40vh - 102.5px) 4%!important;
}

.thank-you-page .section .stom-center-small {
    max-width: initial;
}

.thank-you-page .section .stom-center-small p {
    font-size: 30px;
    max-width: 743px;
    margin: auto;
}

.thank-you-page {
    background-size: cover;
}

body.thankyou .nav-wrap {
	display: none;
}

/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/

/* woocommerce style goes here */

/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/