/*
	Theme Name: Glammy
	Theme URI: localhost
	Author: Sipos Dorottya, kr8_
	Author URI: localhost
	Description: A Glammy oldalhoz készített sablon.
	Version: 1.0.0
	License: n/a
	License URI: n/a
	Text Domain: glammy
	Domain Path: /languages/
	Tags: bootstrap, responsive, wordpress, glammy
*/

/***
	Font Face
***/
@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-BlackItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-Italic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-Light.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-LightItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-MediumItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-ThinItalic.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat/Montserrat-Thin.woff2') format('woff2'),
        url('./assets/fonts/Montserrat/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-Italic.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-Bold.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-LightItalic.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-Light.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-MediumItalic.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-Medium.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-Regular.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('./assets/fonts/CormorantGaramond/CormorantGaramond-SemiBoldItalic.woff2') format('woff2'),
        url('./assets/fonts/CormorantGaramond/CormorantGaramond-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


:root {
	--navigation-height: 80px;
	--recent-post-thumbnail-height: 250px;

	--color-main: #53a5c7;
	--color-alt: #2c80a0;
	--color-main-alpha: rgba(44, 128, 160, 0.5);

	--color-gold-dark: #cea575;
	--color-gold-dark-alpha: rgb(206, 165, 117, 0.5);

	--color-gold-light: #fae3af;
	--color-gold-light-alpha: rgb(250, 227, 175, 0.5);

	--color-black: #07080b;
	--color-white: #ffffff;
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

html,
body,
span,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p {
	font-family: "Montserrat";
	color: var(--color-white);
}

a,
a:hover,
a:active,
a:visited {
	font-style: normal;
	text-decoration: none;
}

body {
	margin: 0;
	overflow-x: hidden;
	background: linear-gradient(to right,
			var(--color-main),
			var(--color-black), var(--color-main));
}

p {
	line-height: 28px;
}

/***
	Container
***/
.container {
	max-width: 80%;
	display: block;
	margin: 0 auto;
	
}


/***
	Text gradient
***/
.text-gradient-gold {
	background: -webkit-linear-gradient(180deg, var(--color-gold-dark), var(--color-gold-light), var(--color-gold-dark));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-gradient-blue {
	background: -webkit-linear-gradient(180deg, var(--color-main), var(--color-alt), var(--color-main));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

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

.centered {
	margin: 0 auto;
}

.width-fit {
	width: fit-content;
}

/***
	Font type
**/
.font-montserrat {
	font-family: "Montserrat" !important;
}

.font-cormorant {
	font-family: "Cormorant Garamond" !important;
}

/***
	Padding
***/
.padding-top-15 {
	padding-top: 15px !important;
}

.padding-bottom-15 {
	padding-bottom: 15px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-bottom-45 {
	padding-bottom: 45px !important;
}

.padding-top-60 {
	padding-top: 60px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-top-75 {
	padding-top: 75px !important;
}

.padding-bottom-75 {
	padding-bottom: 75px !important;
}

.padding-top-90 {
	padding-top: 90px !important;
}

.padding-bottom-90 {
	padding-bottom: 90px !important;
}


/***
	margin
***/
.margin-top-15 {
	margin-top: 15px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-top-45 {
	margin-top: 45px !important;
}

.margin-bottom-45 {
	margin-bottom: 45px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-top-75 {
	margin-top: 75px !important;
}

.margin-bottom-75 {
	margin-bottom: 75px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-bottom-90 {
	margin-bottom: 90px !important;
}

/***
	Queries
***/
@media screen and (max-width: 980px) and (orientation: portrait) {
	.container {
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	/***
		Padding
	***/
	.padding-top-15 {
		padding-top: 0.5rem !important;
	}

	.padding-bottom-15 {
		padding-bottom: 0.5rem !important;
	}

	.padding-top-30 {
		padding-top: 1rem !important;
	}

	.padding-bottom-30 {
		padding-bottom: 1rem !important;
	}

	.padding-top-45 {
		padding-top: 1.5rem !important;
	}

	.padding-bottom-45 {
		padding-bottom: 1.5rem !important;
	}

	.padding-top-60 {
		padding-top: 2rem !important;
	}

	.padding-bottom-60 {
		padding-bottom: 2rem !important;
	}

	.padding-top-75 {
		padding-top: 2.5rem !important;
	}

	.padding-bottom-75 {
		padding-bottom: 2.5rem !important;
	}

	.padding-top-90 {
		padding-top: 3rem !important;
	}

	.padding-bottom-90 {
		padding-bottom: 3rem !important;
	}
}