/*
--- 01 TYPOGRAPHY SYSTEM

- Font sizes (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

- Font weights


- Line heights


- Letter spacing


 --- 02 COLORS

- Primary: #e67e22
- Tints:


- Shades:


- Accents:
-
--- 05 SHADOWS

- Spacing system (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    /* font-size: 10px; */

    /* 10px / 16px = 0.625 = 62.5% */
    /* Percentage of user's browser font-size setting */
    font-size: 62.5%;
    color: #444;
    overflow-x: hidden;
	/*font-family: "sans-serif" !important;*/
}

body{
    overflow-x: hidden;
	font-family:  sans-serif; !important;
}

.section-hero{
    /*background-image: url("http://lidijakamanskyphotography.local/wp-content/uploads/2025/12/main-hero.jpg");*/
    height: 700px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*padding: 2rem;*/
    /*border-bottom: 15px solid #59809F;*/
}

.section-banner{
	height: 350px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*padding: 2rem;*/
	/*border-bottom: 15px solid #59809F;*/
}

.logo{
    width: 28rem;
}

.logo-med{
    width: 24rem;
}

.main-nav-list{
    list-style: none;
    display: flex;
    gap: 2rem;
    /*box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0,.1);*/
    padding: 5px;
    border-radius: 5px;
    backdrop-filter: blur(2.5px);

}
.main-nav-link:link, .main-nav-link:visited{
    text-decoration: none;
    color: white;
    font-size: 2.5rem;
    transition: .3s;
}

.main-nav-link:active, .main-nav-link:hover{
    color: #333;
}
.icon-mobile-nav[name="close-outline"]{
    display: none;
}


.btn-mobile-nav {
    border: none;
    background: none;
    cursor: pointer;
    display: none;
}

.icon-mobile-nav {
    height: 4.8rem;
    width: 4.8rem;
    color: white;
}
.header{
    /*padding-top: 6rem;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 2rem;
}

.main-content{
    padding: 4rem;
    text-align: center;
    border-bottom: 15px solid #703C27;
}
.main-content h2{
    font-size: 3rem;
    padding-bottom: 1rem;
}

.main-content p{
    font-size: 1.5rem;
}
.main-footer{
    background-color: #59809F;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}
.footer-nav-list{
    list-style: none;
    display: flex;
    gap: 2rem;
    /*box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0,.1);*/
    padding-bottom: 2rem;
    border-radius: 5px;
    backdrop-filter: blur(2.5px);

}
.footer-nav-link:link, .footer-nav-link:visited{
    text-decoration: none;
    color: white;
    font-size: 1.5rem;
    transition: .3s;
}

.footer-nav-link:active, .footer-nav-link:hover{
    color: #333;
}

.main-gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    padding: 1.6rem;
}
.main-gallery-item img{
    display: block;
    width: 100%;
    transition: all 0.4s;

}
.main-gallery-item {
    /*overflow: hidden;*/
}

.main-gallery-item img:hover {
    border-radius: 5px;
    transform: scale(1.1);

}

.main-content-inner-container{
	margin: auto auto;
	max-width: 74rem;
}

.main-content-inner-container-text p{
	font-size: 1.8rem !important;
	text-align: justify;
	padding-top: 1rem;
}

.category-more {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1px;
}

.category-header{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 15px;
	padding: 1.5rem;
}
.category-header h2{
	display: inline;
}
.category-icon-more {
	width: 2.5rem;
	height: 2.5rem;
	color: saddlebrown;
}
.category-text-more{
	font-size: 1.4rem;
}

.category-link:link, .category-link:visited{
	text-decoration: none;
	color: saddlebrown;
}

.category-link:active, .category-link:hover, .category-link:hover .category-icon-more{
	color: #df9e76;
}

.photo-full-image img{
	/*display: block;*/
	width: 100%;
	max-width: 70rem;
}

.breadcrumb_nav{
	list-style: none;
	display: flex;
	gap: 3px;
	/*box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0,.1);*/
	align-items: center;
	/*border-radius: 5px;*/
	/*backdrop-filter: blur(2.5px);*/
	padding-top: 1rem;
	padding-left: 5rem;
	text-transform: uppercase;
}

.breadcrumb_nav li a:visited, .breadcrumb_nav li a:link {

	text-decoration: none;
	font-size: 1.8rem;
	color: saddlebrown;
}
.breadcrumb_nav li a:hover, .breadcrumb_nav li a:active {
	color: #df9e76;
}

/*DROP DOWN NAVIGATION CSS*/

.main-nav-list li{
	position: relative;
	/*width: 50px;*/
}

.child_nav{
	display: none;
	list-style-type: none;
	background-color:rgba(51, 51, 51, 0.40);
	color: white;
	position: absolute;
	top: 30px;
	width:110%;
	font-size: 1.6rem;
	border-radius: 5px;
}

.child_nav li{
	padding: 5px;
}

.hidden{
	display: block;
}

.child_link:link, .child_link:visited{
	text-decoration: none;
	color:white;
}

.child_link:active, .child_link:hover{
	color: #333;
}