/*
Theme Name: silvereconomy
Theme URI: https://instamont.sk
Author: Brandideon | Michal Halaj
Author URI: https://brandideon.com/
Version: 1.1.0
*/


/* Global style*/


@import url('https://fonts.googleapis.com/css2?family=Georama:wght@400;500;600;700;800;900&display=swap');


:root {
    --primary-color:#002366;
    --contrast-color:#F6F6F6;
	--black-color: #060D0D;
}


html,body {
    margin: 0;
    padding: 0;
	color:var(--black-color);
    overflow-x: hidden;
   font-family: 'Georama', sans-serif;
}


* {
    box-sizing: border-box;
}

.lang-items {
    position: fixed;
    top: 1em;
	z-index:9;
	right:1em;
	margin:auto;
    text-align: center;
}

.lang-items a {color:var(--black-color);border:1px solid var(--black-color);padding:0.7em;background:white;}

.relative {
    position: relative;
}


.absolute {
    position: absolute;
}
.page-wrapper {
    max-width: 1250px;
    margin: auto;
}


.p-s-t {
    padding-top: 7rem;
    padding-bottom: 2.5rem;
}


.p-s {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}


.m-1 {
    margin: 1.25rem;
}



   .section-padding {
    padding: 1.25rem;
}


/* end global style*/


/* grid setting*/
.grid-2 {
    display: grid;
    grid-template-columns: 50%50%;
}


.grid-3 {
    display: grid;
    grid-template-columns: 33%33%33%;
}


.grid-4 {
    display: grid;
    grid-template-columns: 25%25%25%25%;
}


.align-items-center {
    align-items: center;
}


.justify-items-center {
    justify-content: center;
}
/*end grid setting*/


/* color-setting*/
.bg-primary {
    background-color: var(--primary-color);
    color: white;
}


.bg-contrast {
    background-color: var(--contrast-color);
}
.bg-white {
    background-color: white;
}


.color-white {color: white;}


.color-primary {
    color: var(--primary-color);
}
/*end color-setting*/


/* font setting*/
.big-size {
    font-size: 4rem;
    font-weight: 500;
    margin-top: 0.8em;
	line-height:1.2;
    margin-bottom: 0.8em;
}


.medium-size {
    font-size: 2.5rem;
    font-weight: 500;
    margin-top: 0.8em;
	line-height:1.2;
    margin-bottom: 0.8em;
}


p, a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  a {
    text-decoration: none;
  }


.center-text-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.button-primary, input[type="submit"] {
background-color: var(--black-color);
color: white;
padding: 0.5rem;
	padding-left:1.2rem;
	padding-right:1.2rem;
border: 0;
border-radius: 5px;
display: inline-block;
margin-top: 1em;
}

.wpcf7-spinner {
    display: none;
}


.center-text {
    text-align: center;
}
/* end font setting*/


/* footer*/
.logo-footer img {
    width: 120px;
    height: auto;
  }
/* end footer*/


/* ul setting*/
ul {
    padding: 0;
    margin: 0;
}


ul li {
    margin: 0;
    list-style: none;
}
/* end ul setting*/


/* button setting*/


a.button-white {
    background-color: white;
    color: var(--primary-color);
    padding: 0.5em;
    padding-left: 0.9em;
    padding-right: 0.9em;
    display: inline-block;
}


.button-m-t {margin-top: 0.5em;}


 a.button-primary {
    background-color: var(--primary-color);
    color: white;
    padding: 0.5em;
    padding-left: 0.9em;
    padding-right: 0.9em;
    display: inline-block;
}
/* end button setting*/

form.wpcf7-form.init {
    width: 50%;
    margin: auto;
    text-align: center;
}

form * {
    text-align: center;
}

label {
    width: 100%;
    display: inline-block;
}

label input {
    width: 100%;
	padding-bottom:1em;
    display: inline-block;
    border: 0;
	color:var(--black-color);
	background: transparent;
    border-bottom: 2px solid #252525;
}

.form.p-s {
    padding-bottom: 30px;
}

@media only screen and (min-width: 1440px) {
	.p-s-t {
    padding-top: 7.813vw;
    padding-bottom: 2.605vw;
}
	
	.p-s {
    padding-top: 2.605vw;
    padding-bottom: 2.605vw;
}
	
	.medium-size {
    font-size: 3.35vw;
    font-weight: 500;
    margin-top: 3vw;
    line-height: 1.2;
    margin-bottom: 3vw;
}
	
	p,a {
		font-size:1.12vw;
	}
	
	.big-size {
    font-size: 4.46vw;
    font-weight: 500;
    margin-top: 3vw;
    line-height: 1.2;
    margin-bottom: 3vw;
}
	
	.page-wrapper {
		max-width:77vw;
	}
	
	form * {
		font-size:1.12vw;
	}
	
}


@media only screen and (max-width: 991px) {


    .grid-2, .grid-3, .grid-4, .grid-2.grid-center-align.ref-homepage {
        grid-template-columns: 100%;
    }


    .big-size {
        font-size: 1.5rem;
    }


    .medium-size {
        font-size: 1.2rem;
    }

    form.wpcf7-form.init {
        width: 80%;
        margin: auto;
        text-align: center;
    }
}