/*!
Theme Name: Sun-Set
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sun-set
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Sun-Set is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
    font-family: 'Michroma';
    src: url('https://www.sun-set.hu/wp-content/themes/sun-set/fonts/michroma.woff2') format('woff2'), url('https://www.sun-set.hu/wp-content/themes/sun-set/fonts/michroma.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://www.sun-set.hu/wp-content/themes/sun-set/fonts/montserrat-regular.woff2') format('woff2'),
        url('https://www.sun-set.hu/wp-content/themes/sun-set/fonts/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html {
    background-color: #16171b!important;
    font-family: 'Michroma'!important;
    font-weight: normal!important;
    font-style: normal!important;
    font-size: 1rem!important;
    scroll-behavior: smooth;
    overflow-x: hidden!important;
}

p {
    font-family: 'Montserrat'!important;
}

.error-404 {
	font-size: 8rem!important;
	line-height: 8rem!important;
}

.gradient-bg {
    background-image: linear-gradient(160deg, #f8931d 30%, #eb6e24 70%);
}

.logo {
    width: 140px;
    transition: .3s;
}

.logo:hover {
    opacity: 0.6;
    transition: 0.3s;
}

.nav-link {
    font-size: 12px!important;
    text-transform: uppercase;
    color: rgba(255,255,255,1.0)!important;
}

.nav-link:hover {
    color: rgba(255,255,255,0.75)!important;
}

.navbar-nav > li{
    padding-left: 5px!important;
    padding-right: 5px!important;
}

.navbar-toggler-icon
{
    background-image: url('https://www.sun-set.hu/wp-content/uploads/sunset_pergola_hamburger_menu.webp')!important;
}

.offcanvas-body {
    background-color: #16171b;
}

.navbar-nav .dropdown-menu {
    background-color: #16171b;
    border-radius: 0px;
}

.dropdown-item {
    color: white!important;
    font-size: 12px!important;
}

.dropdown-item:hover {
    color: #f8931d!important;
    background-color: transparent!important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.divider-div {
    background-color: transparent;
    height: 1.8rem!important;
    width: 100%;
}

@keyframes buttonblink {
    0% { transform: translateY(0px); opacity: 1.0; }
    5% { transform: translateY(-10px); opacity: 0.5; }
    10% { transform: translateY(0px); opacity: 0.5; }
    15% { transform: translateY(10px); opacity: 0.5; }
    20% { transform: translateY(0px); opacity: 1.0; }
    100% { transform: translateY(0px); opacity: 1.0; }
}

.bordered {
    animation: buttonblink 1.2s infinite;
}

h2 {
    font-size: 20px!important;
}

p {
    line-height: 2!important;
}

.hero-mainpage {
    min-height: calc(100vh - 105px);
}

.hero {
    min-height: calc(35vh);
}

.hero-bg {
    background-size: cover;
    background-position: center;
    filter: brightness(0.7);
}

.pictogram {
    width: 70px;
    padding-right: 12px;
}

span.reference-description {
    text-transform: uppercase;
    color: white;
}

.posts-navigation {
	margin-top: 50px;
}

.nav-links {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.nav-next {
    font-size: 12px!important;
    padding: 10px;
    border: 1px solid white;
    background-color: transparent;
    text-transform: uppercase;
	transition: .3s ease-in-out;
}

.nav-next a {
	color: white;
	text-decoration: none;
}

.nav-next:hover {
    background-color: white;
	transition: .3s ease-in-out;
}

.nav-next:hover a {
	color: black;
}

.nav-previous {
    color: #f8931d!important;
    background-color: transparent!important;
    border-radius: 0px!important;
    border: 1px solid #f8931d!important;
    padding: 10px;
    text-transform: uppercase;
	transition: .3s ease-in-out;
}

.nav-previous a {
	color: #f8931d;
	text-decoration: none;
}

.nav-previous:hover {
	transition: .3s ease-in-out;
    background-color: #f8931d!important;
	color: white;
}

.nav-previous:hover a {
	color: white;
}

span.reference-number {
    text-transform: uppercase;
    color: white;
    font-size: 44px;
    padding-left: 12px;
    min-width: 150px;
}

.arrow-box {
    position: relative;
    bottom: 50px;
    text-align: center;
}

.non-clickable {
    cursor: auto!important;
}

@keyframes arrowdown {
    0% { transform: translateY(0px); opacity: 0.6; }
    20% { transform: translateY(20px); opacity: 1.0; }
    50% { transform: translateY(20px); opacity: 1.0; }
    100% { transform: translateY(0px); opacity: 0.6; }
    100% { transform: translateY(0px); opacity: 0.6; }
}

.arrow {
    opacity: 0.6;
    width: 60px;
    animation: arrowdown 3s infinite;
}

.faq-box {
    background-position: center center;
    background-size: cover;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    filter: brightness(70%);
}

.faq-box:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
    filter: brightness(130%);
    transition: 0.5s ease-in-out;
    z-index: 1000;
}

.faq-box:hover span.faq {
    background-color: #f8931d!important;
    padding: 10px;
}

.intext {
    color: white!important;
    transition: .3s;
}

.reference-bg {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_referenciak.webp');
}

.intext:hover {
    opacity: 0.8;
    transition: .3s;
}

span.faq {
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    transition: all .3s;
    cursor: pointer;
}

a.none {
    text-decoration: none;
}

/* PAGES SPECIFIED ********************************
**************************************************/

h1.subpage-headline, h1.mainpage-headline, h1.subpage-headline-blank {
    color: white!important;
    text-transform: uppercase;
    line-height: 1.4;
    opacity: 1!important;
}

h1.subpage-headline {
	background-color: #f8931d!important;
	display: inline-block;
	padding: 12px;
}

.large-column-container:not(:hover) .large-column {
	cursor: pointer;
    min-height: calc(100vh - 80px);
    background-size: cover;
    background-position: center;
    align-items: center;
    justify-content: center;
    padding: 80px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    transition: .4s ease-in-out;
    margin-bottom: 1.8rem!important;
	filter: brightness(100%);
}

.large-column-container:hover .large-column {
	cursor: pointer;
    min-height: calc(100vh - 80px);
    background-size: cover;
    background-position: center;
    align-items: center;
    justify-content: center;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
    transition: .4s ease-in-out;
    z-index: 2;
	filter: brightness(100%);
}

.row:hover .large-column:not(:hover) {
	filter: brightness(50%)!important;
}

.subpage-subheadline {
    margin-top: 80px;
    color: white;
    text-transform: uppercase;
    font-size: 18px!important;
    opacity: 0.9;
    transition: 0.2s ease-in-out;
}

.large-column:hover .subpage-subheadline {
    background-color: #f8931d!important;
    padding: 20px;
    transition: 0.2s ease-in-out;
}

.large-column:hover .subpage-subheadline {
    background-color: #f8931d!important;
    padding: 20px;
    transition: 0.2s ease-in-out;
}

.subpage-subheadline {
    margin-top: 80px;
    color: white;
    text-transform: uppercase;
    font-size: 18px!important;
    opacity: 0.9;
    transition: 0.2s ease-in-out;
}

.subpage-hover-show {
    font-size: 12px;
    display: none;
    color: white;
    line-height: 1.1;
}

.large-column:hover .subpage-hover-show {
    display: block;
	text-shadow: 0px 0px 5px black!important;
	padding: 20px;
	opacity: 1;
	color: white;
	font-size: 14px;
}

.subpage-paragraph {
    color: white;
    transition: .3s;
    opacity: 0;
}

.subpage-reference {
    margin-bottom: 20px;
}

.btn-sunset-white {
    background-color: white!important;
    color: #16171b!important;
    border-radius: 0px!important;
    border: 1px solid white!important;
    font-size: 10px!important;
    text-transform: uppercase;
    transition: .2s;
}

.btn-sunset-white:hover {
    color: white!important;
    border: 1px solid white!important;
    transition: .2s;
    background-color: transparent!important;
}

.btn-sunset-colored {
    color: #16171b!important;
    background-color: #f8931d!important;
    border-radius: 0px!important;
    border: 1px solid #f8931d!important;
    font-size: 10px!important;
    padding: 10px;
    text-transform: uppercase;
}

.btn-sunset-colored:hover {
    color: #f8931d!important;
    border: 1px solid #f8931d!important;
    transition: .2s;
    background-color: transparent!important;
}

.btn-sunset-white-outline {
    font-size: 12px!important;
    padding: 10px;
    border: 1px solid white;
    color: white;
    background-color: transparent;
    text-transform: uppercase;
}

.btn-sunset-white-outline:hover {
    background-color: white;
    color: black;
}

/* CAREERS ****************************************
**************************************************/

h3.career {
    color: white!important;
    font-size: 1.2em!important;
    text-transform: uppercase;
}

img.career {
    width: 50%;
}

.blank-hero {
    background-color: #232323;
}

h4.role-list-headline {
    color: #f8931d!important;
    text-transform: uppercase;
}

a.ugly {
    color: #f8931d!important;
    text-decoration: underline;
}

ul.career {
    font-family: 'Montserrat'!important;
}


/* CONTACT PAGE ***********************************
**************************************************/


p.contact-left {
    font-family: 'Montserrat'!important;
    color: #f8931d!important;
    text-transform: uppercase;
}

input, .form-check-label {
    font-family: 'Montserrat'!important;
}


/* RETAIL PAGE CONTENT ****************************
**************************************************/

.docbox-error {
    width: 100%;
    height: auto;
    border: 1px solid red;
    padding: 20px;
    color: red;
    margin-top: 20px;
}

.docbox-success {
    width: 100%;
    height: auto;
    border: 1px solid green;
    padding: 20px;
    color: white;
    margin-top: 20px;
}

/* HOGYAN LEHET PERGOLAM OLDAL ********************
**************************************************/

img.steps {
    width: 240px;
    padding-right: 0px;
}

li.steps {
    font-family: 'Montserrat'!important;
    font-size: 18px;
    font-weight: normal;
}

div.steps {
    display: flex;
    flex-direction: column;
    align-items: center;
}

h2.orange, h2.white {
    font-size: 1.5rem!important;
    color: #f8931d!important;
    text-transform: uppercase;
    margin-top: 40px!important;
    margin-bottom: 20px!important;
}

h2.white {
    color: white!important;
}

div.square {
    min-height: 500px;
}

/* AJANLATKERES */

.progressbar {
    width: 100%;
    height: 30px;
    border-radius: 100px;
    background-color: #3c3c3c;
    position: relative;
}

.progressbar-progress {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 33.3%;
    height: 30px;
    color: white;
    background-image: linear-gradient(160deg, #f8931d 40%, #eb6e24 50%);
    border-radius: 30px;
    padding-top: 4px;
    content: '1/3';
}

p.inputLabel {
    color: #f8931d!important;
    line-height: 1.2!important;
}

input[type=checkbox].withimg {
    display: none;
}

.query-img {
    width: 60%;
    background-size: contain;
    cursor: pointer;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0.5!important; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 0.5!important;
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    opacity: 0.5!important;
}

/* FOOTER *****************************************
**************************************************/

.footer-icons {
    width: 22px;
    padding-top: 20px;
    transition: 0.1s;
}

.footer-icons:hover {
    opacity: 0.6;
    transition: 0.3s;
}

.footer-headline {
    color: #f8931d;
    text-transform: uppercase;
    font-size: 18px;
}

ul.footer, p.footer {
    font-family: 'Michroma'!important;
    color: white;
    list-style-type: none;
    padding-left: 0px!important;
    font-size: 12px!important;
    padding-top: 20px;
    line-height: 2!important;
}

.logo-footer {
    width: 80%;
    transition: 0.1s;
}

.logo-footer:hover {
    opacity: 0.6;
    transition: 0.3s;
}

.footer-link, .footer-link:hover {
    text-decoration: none;
    color: white;
    transition: 0.1s;
}

.footer-link:hover {
    opacity: 0.6;
    transition: 0.3s;
}

.footer-container {
    position: relative;
    bottom: 0px;
}

a#navbarDropdown.nav-link.dropdown-toggle:active,
a#navbarDropdown.nav-link.dropdown-toggle:focus {
   outline: 0;
}

.modal {
    z-index: 100;
}

#cc--main {
    z-index: 90!important;
}

.modal-content {
    background-color: #16171b!important;
}

.modal-dialog {
    height: 90vh;
}

.modal-footer {
    border: 0px solid black!important;
    justify-content: center!important;
}

.temp-modal-button {
    background-color: #f7941d;
    width: 33%;
    height: 11%;
    position: absolute;
    bottom: 22%;
    left: 7.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 32px!important;
    animation: 3s temp-button infinite;
}

@keyframes temp-button {
    0%, 100% {
        transform: rotate(0deg) scale(1);
        box-shadow: 0px 0px 30px rgba(0,0,0,0.0);
    }

    50% {
        transform: rotate(3deg) scale(1.1);
        box-shadow: 0px 0px 30px rgba(0,0,0,1);
    }
}

/* GRAVITY FORMS WP *******************************
 *************************************************/

.gform_wrapper {
	width: 100%;
	margin: 0px auto;
	margin-bottom: 50px;
}

.gf_progressbar_wrapper {
	display: none;
}

.gfield_required {
	display: none;
}

.gfield_label {
    font-family: 'Montserrat'!important;
    color: #f8931d;
    text-transform: uppercase;
    font-size: 18px!important;
	margin-top: 30px;
	text-align: center;
}

.gfield_checkbox, .gfield {
	text-align: center;
}

input[type="text"], .gfield_select, input[type="tel"], input[type="email"] {
    font-family: 'Montserrat'!important;
	padding: 15px;
	min-width: 400px;
	text-align: center;
}

.gform_wrapper .gform_validation_container {
    display: none;
}

#gform_next_button_2_9, #gform_next_button_2_16, #gform_submit_button_3, input[name="input_20"], input[name="input_21"], #gform_submit_button_2, #gform_submit_button_4  {
    color: #16171b!important;
    background-color: #f8931d!important;
    border-radius: 0px!important;
    border: 1px solid #f8931d!important;
    font-size: 1rem!important;
    padding: 10px;
    text-transform: uppercase;
	margin-top: 30px;
	text-align: center;
}

#gform_next_button_2_9:hover, #gform_next_button_2_16:hover, #gform_submit_button_2:hover, #gform_submit_button_3, #gform_submit_button_4:hover {
    color: #f8931d!important;
    border: 1px solid #f8931d!important;
    transition: .2s;
    background-color: transparent!important;
}

#gform_previous_button_2_16, #gform_previous_button_2 {
    font-size: 1rem!important;
    padding: 10px;
    border: 1px solid white;
    color: white;
	margin-right: 10px;
    background-color: transparent;
    text-transform: uppercase;
}

.gform_fileupload_rules {
	font-size: 0.8rem;
}

.gform_page_footer, .gform_footer {
	text-align: center;
}

#input_2_6 .gchoice > input.gfield-choice-input, #input_2_11 .gchoice > input.gfield-choice-input, #input_2_10 .gchoice > input.gfield-choice-input, #input_4_10 .gchoice > input.gfield-choice-input {
	display: none!important;
}

#input_2_6 .gchoice > label, #input_2_11 .gchoice > label, #input_2_10 .gchoice > label, #input_4_10 .gchoice > label {
	margin: 20px 20px 0px 20px;
}
	
#input_2_6, #input_2_11, #input_2_10, #input_4_10 {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

#label_2_6_1::before, #label_2_6_2::before, #label_2_6_3::before, #label_2_11_1::before, #label_2_11_2::before, #label_2_11_3::before, #label_2_11_4::before, #label_2_11_5::before, #label_2_11_6::before, #label_2_10_1::before, #label_2_10_2::before, #label_2_10_3::before, #label_2_10_4::before, #label_2_10_5::before, #label_2_10_6::before, #label_2_10_7::before, #label_2_10_8::before, #label_2_10_9::before, #label_4_10_1::before, #label_4_10_2::before, #label_4_10_3::before, #label_4_10_4::before, #label_4_10_5::before {
	content: "";
 	background-image:url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_arajanlatot.png');
	background-size: 100% 100%;
	display: block;
	margin: 0px auto;
	height: 50px;
	width: 50px;
	position:relative;
	margin-bottom: 12px;
}

#label_2_6_2::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_visszahivas.png');
}

#label_2_6_3::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_konzultacio.png');
}

#label_2_11_1::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_maganszemely.png');
}

#label_2_11_2::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_kivitelezo.png');
}

#label_2_11_3::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_horeca.png');
}

#label_2_11_4::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_epitesz.png');
}

#label_2_11_5::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_vallalatiugyfel.png');
}

#label_2_11_6::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_viszontelado.png');
}

#label_2_10_1::before, #label_4_10_1::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_bioklimatikus.png');
}

#label_2_10_2::before, #label_4_10_2::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_ponyvas.png');
}

#label_2_10_3::before, #label_4_10_3::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_zip.png');
}

#label_2_10_4::before, #label_4_10_4::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_uveg.png');
}

#label_2_10_5::before, #label_4_10_5::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set-pergola-ajanlatkeres-carport.png');
}

#label_2_10_6::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set-pergola-ajanlatkeres-konyoklos-napellenzo.png');
}

#label_2_10_7::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_led.png');
}

#label_2_10_8::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_futes.png');
}

#label_2_10_9::before {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set_ajanlatkeres_ikon_eso.png');
}

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

.label {
    display: inline-block;
    padding: 3px;
    color: red;
    margin-top: 14px;
    padding: 6px;
    min-height: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}

.gform-field-label {
	padding: 4px 8px;
}

input[type=checkbox]:checked + .gform-field-label {
    color: white;
    background-image: linear-gradient(160deg, #f8931d 20%, #eb6e24 80%);
    border-radius: 10px;
}

.gfield_validation_message {
    color: red;
	padding-top: 10px;
}

.gform_submission_error {
	margin-top: 20px;
	text-align: center;
	color: red;
}

.gform_validation_errors > ol {
	display: none;
}

#input_2_20, #input_2_21 {
	display: inline-block;
	margin: 0px auto;
}

#input_2_12 {
	font-family: Montserrat!important;
}

#field_2_13 > .gfield_label, #field_2_22 > .gfield_label, #field_2_24 > .gfield_label, #field_2_21 > .gfield_label, #field_2_20 > .gfield_label, #field_2_17 > .gfield_label, #field_2_25 > .gfield_label, #field_2_26 > .gfield_label, #field_2_27 > .gfield_label, #field_2_23 > .gfield_label, #field_2_28 > .gfield_label, #field_2_39 > .gfield_label, #field_2_38 > .gfield_label, #field_2_37 > .gfield_label, #field_2_36 > .gfield_label {
    color: #f8931d!important;
    line-height: 1.2!important;
	font-family: Montserrat!important;
}

#field_2_13 > .gfield_label,  #field_2_24 > .gfield_label {
    margin-bottom: 12px;
}

h2.screen-reader-text {
	color: white;
	margin-bottom: 10px;
}


.tervezo-popup-img {
	width: auto!important;
}

.newdesign-smallgradient-itemsbg {
	background-image: linear-gradient(160deg, #f8931d 40%, #eb6e24 50%);
	border-radius: 6px 6px 0px 0px;
	min-height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
	line-height: 1rem!important;
	margin-bottom: 0px;
}

/* UNIQUE MEDIA QUERIES ***************************
**************************************************/

@media only screen and (min-width: 1200px)
{
	#input_2_6, #input_2_11, #input_2_10, #input_4_10 {
		display: flex;
		justify-content: center;
		flex-direction: row;
	}

	.newdesign-smallgradient-itemsbg {
		min-height: 20px!important;
}
	
	.modal-body {
		margin-bottom: 200px;
	}
}

@media only screen and (min-width: 992px)
{
	
    .faq-box-upper-left {
        width: 45%!important;
    }
    
    .faq-box-upper-right {
        width: 55%!important;
    }
    
    .offcanvas-body
    {
        background-color: transparent!important;
    }
    
    .logo-footer {
        width: 60%;
    }
    
    .footer-icons {
        width: 30px;
        padding-top: 20px;
    }
    
    .subpage-subheadline {
        margin-top: 80px;
        color: white;
        text-transform: uppercase;
        font-size: 20px!important;
        opacity: 0.9;
    }
    
    .btn-sunset-white {
        font-size: 12px!important;
    }

    .btn-sunset-colored {
        font-size: 12px!important;
    }
    
    img.career {
        width: 50%;
    }
    .navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
    
    .gradient-bg {
        background-image: linear-gradient(160deg, #f8931d 40%, #eb6e24 50%);
    }
    
    .large-column {
        margin-bottom: 0rem!important;
    }

    div.steps {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .img-steps {
        padding-right: 60px;
    }

}

@media only screen and (max-width: 576px)
{
	.hero-badge {
		position: absolute;
		top: 150px;
		right: 80px;
		width: 150px; 
		height: 150px;
	}

	.tervezo-popup-img {
		width: 90%!important;
		margin-bottom: 60%;
	}
	
	.longword-karrier {
		font-size: 1.4rem!important;
	}

	.nav-links {
		display: flex;
		flex-direction: column!important;
	}
	
	.nav-previous{
		margin-bottom: 20px!important;
	}
	
    .large-column {
        min-height: 500px;
        background-size: auto 100%;
        background-position: center center;
        transition: all .3s;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .large-column:hover {
        background-size: auto 110%;
        transition: all .3s;
        filter: brightness(60%);
    }
    
    .hero {
        min-height: calc(100vh - 185px);
    }
    
    .large-column {
        min-height: calc(100vh - 165px);
    }

    h1.subpage-headline, h1.mainpage-headline {
        font-size: 1.6rem;
    }

    .temp-modal-button {
        font-size: 16px!important;
    }
}

.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}

a.breadcrumb {
    color: white;
    text-decoration: none;
    display: inline-block;
}

.btn-back-to-editor {
    font-size: 14px !important;
    padding: 10px;
    border: 1px solid white;
    color: white;
    margin-right: 10px;
    background-color: transparent;
    text-transform: uppercase;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
}

.magnific-popup img {
	height: 300px!important;
	object-fit: cover!important;
}

.carousel-slider-nav-icon {
	fill: #f8931d!important;
}

.gform-field-label {
	font-size: 0.8rem!important;
}

.gfield_description, .gform_drop_instructions, .gfield_consent_label {
	color: white;
}

.gfield_validation_message {
	color: red!important;
}

#input_4_10 .gchoice label {
	color: white!important;
}

#gfield_description_4_42 {
	margin-bottom: 20px;
	font-weight: 400!important;
	font-size: 0.8rem!important;
}

#gform_submit_button_4 {
	margin: auto!important;
}

.hero-badge {
	position: absolute;
	top: 130px;
	right: 50px;
	width: 150px;
	height: 150px;
	animation: badge 2s linear infinite;
}

strong.temp-highlight {
	font-weight: bold!important;
	color: #f8931d;
}

#field_2_45 {
	padding-left: 0px!important;
}

input[type=tel] {
	padding-left: 0px!important;
}

.ginput_container_phone {
	width: 100%;
}

.iti__selected-flag, #iti-0__dropdown-content {
	color: #16171b!important;
	font-family: 'Montserrat';
}

.gfield .iti {
	justify-self: center;
}

.gfield .ginput_container_phone .spf-phone {
	display: none!important;
}

.parent-new-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0px;
}

.div1-new-features {
    grid-column-start: 1;
    grid-row-start: 2;
}

.div2-new-features {
    grid-column-start: 3;
    grid-row-start: 1;
}

.div3-new-features {
    grid-column-start: 3;
    grid-row-start: 2;
}

.div4-new-features {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}

h2.fancy-new {
	display: inline-block;
	font-size: 1.5rem!important;
	color: #f8931d;
}

h3 {
	font-size: 1.2rem;
	margin-bottom: 15px;
}

.small-slider-holder {
	width: auto;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.small-slider-img {
	width: calc( 100% - 60px );
	max-height: 400px;
	object-fit: cover;
    animation: fade-in 200ms linear;
}

ul li {
	font-family: 'Montserrat'!important;
	font-size: 1rem;
	line-height: 2;
}

.technical-div {
	border: 1px solid #f8931d;
	box-shadow: 0px 0px 10px #f8931d;
	background-color: #131314;
	min-height: 50px;
	position: relative;
	padding: 50px;
}

.technical-div::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	top: -30px;
	left: -30px;
	background-image: url('https://www.sun-set.hu/wp-content/uploads/technical-top-left.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.technical-div::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: -30px;
	right: -30px;
	background-image: url('https://www.sun-set.hu/wp-content/uploads/technical-bottom-right.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.technical-data-table {
	width: 100%;
	display: block;
	color: white;
	font-family: 'Montserrat'!important;
	display: table;
	table-layout: fixed;
	padding: 50px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.technical-data-table tr, .technical-data-table tbody {
	width: 100%;
}

.technical-data-table tr td:first-child {
	width: 65%;
}

.technical-data-table tr:not(:last-child) td {
	padding-bottom: 0.5rem;
}

.technical-data-table tr:not(:first-child) td {
	padding-top: 0.5rem;
}

.technical-data-table tr:not(:last-child) {
	position: relative;
}

.technical-data-table tr:not(:last-child)::after {
	content: '';
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
	bottom: 0px;
	left: 0px;
	position: absolute;
}

.technical-data-table tr td:last-child {
	width: 35%;
	text-align: right;
}

.technical-data-main {
	font-weight: bold!important;
}

.technical-data-icon {
	width: 2rem;
	height: 2rem;
	margin-right: 10px;
	display: inline-block;
}

.pergola-color-sample {
	width: 2rem;
	height: 2rem;
}

.accordion-item, .accordion-header button {
	background-color: transparent!important;
}

.accordion-item:not(:last-child) {
	background-color: transparent!important;
	border-bottom: 1px solid #f8931d;
}

.accordion-item h2 button, .accordion-item h2 button.collapsed {
	font-size: 1.1rem!important;
	color: white!important;
}

.accordion-item h2 button::after, .accordion-item h2 button.collapsed::after {
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set-chevron-open.png')!important;
	background-size: contain;
}

.accordion-body {
	font-family: 'Montserrat'!important;
	font-size: 1rem!important;
	color: white!important;
}

.hero-new-ss {
	height: 60vh;
	width: 100%;
	object-fit: cover;
	object-position: center top;
    animation: fade-in 200ms linear;
}

#hero-slider-previous {
	width: 30px; 
	height: 30px; 
	position: absolute; 
	left: 30px; 
	top: calc(45vh - 15px); 
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set-chevron-left.png'); 
	background-size: contain; 
	background-position: center; 
	background-color: transparent; 
	border: 0px solid white; 
	background-repeat: no-repeat;
}

#hero-slider-next {
	width: 30px; 
	height: 30px; 
	position: absolute; 
	right: 30px; 
	top: calc(45vh - 15px); 
	background-image: url('https://www.sun-set.hu/wp-content/uploads/sun-set-chevron-right.png'); 
	background-size: contain; 
	background-position: center; 
	background-color: transparent; 
	border: 0px solid white; 
	background-repeat: no-repeat;
	z-index: 10000!important;
}

h1 {
	font-size: 2.2rem!important;
}

@media only screen and (max-width: 767px) {
	.parent-new-features {
		display: grid;
		grid-template-columns: repeat(1, 1fr)!important;
		grid-template-rows: repeat(6, 1fr)!important;
		gap: 0px;
	}
	
	.div1-new-features {
		grid-column-start: 1;
		grid-row-start: 4;
	}

	.div2-new-features {
		grid-column-start: 1;
		grid-row-start: 2;
	}

	.div3-new-features {
		grid-column-start: 1;
		grid-row-start: 3;
	}

	.div4-new-features {
		grid-column-start: 1;
		grid-row: span 2 / span 2;
		grid-row-start: 1;
	}
	
	#hero-slider-next {
		width: 20px; 
		height: 20px; 
		position: absolute; 
		right: 20px;
		top: calc(45vh - 10px);
	}
	
	#hero-slider-previous {
		width: 20px; 
		height: 20px; 
		position: absolute; 
		left: 20px; 
		top: calc(45vh - 10px);
	}
	
	h1 {
		font-size: 1.6rem!important;
	}
	
	h2.fancy-new {
		font-size: 1.4rem!important;
	}
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.cta-new-ss {
	font-size: 1.4rem!important;
	padding: 10px!important;
	border-radius: 6px;
}