:root, body
{

/*
	--ph-yellow-color: #F6CD3B;
	--ph-yellow-darker-color: #ebbf21; 
	--ph-yellow-brighter-color: #f9d75c;
	--ph-lightgrey-color: #939393; 

	--ph-darkgrey-color: #363636;

	--ph-font-nunito: "Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--ph-font-garamond: "Cormorant Garamond", "Times New Roman", Times, serif;


	--mfn-button-theme-bg: var(--ph-yellow-color);
	--mfn-button-theme-bg-hover: var(--ph-yellow-brighter-color);

	--mfn-button-theme-color: var(--ph-darkgrey-color);
	--mfn-button-theme-color-hover: var(--ph-darkgrey-color); 
	--mfn-button-border-radius: 0;
*/
	/* borlabs 
    --dialog-font-size: 17px;*/

}

p:not(:last-child) {
    margin: 0 0 20px;
}


.no-hyphens,
.no-hyphens *
{
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}

.white-text-shadow
{
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}

.text-shadow,
.black-text-shadow
{
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.soft-text-shadow,
.soft-black-text-shadow
{
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}


.no-shadow,
.no-shadow *
{
    text-shadow: none !important;
}


.white,
.white *,
.white:before,
.white *:before,
.white:after,
.white *:after,
.text-white,
.white-text,
.text-white *,
.white-text *
{
    color: #FFFFFF !important;
}

.yellow,
.yellow *,
.text-yellow,
.yellow-text,
.text-yellow *,
.yellow-text *
{
    color: var(--ph-yellow-color) !important;
}



.bg-lightgrey:not(.mcb-column),
.mcb-column.bg-lightgrey > .mcb-column-inner
{
    background-color: var(--ph-lightgrey-color) !important;  
}

.bg-darkgrey:not(.mcb-column),
.mcb-column.bg-darkgrey > .mcb-column-inner
{
    background-color: var(--ph-darkgrey-color) !important;  
}

.bg-yellow:not(.mcb-column),
.mcb-column.bg-yellow > .mcb-column-inner
{
    background-color: var(--ph-yellow-color) !important;  
}

.column_column ul
{
	list-style: none; 
	margin: 0 0 15px 1em;
}

.column_column ul li
{
	list-style: none; 
	position: relative;
	padding-left: 20px;	
}

.column_column ul li::before {
	content: "";
	display: inline-block;
	width: 1em; 
	height: 1em; 
	background-color: var(--ph-yellow-color);
	position: absolute; 
	left: -0.95em;
	top: 0.25em;  
}

/* ----------------------------- */

h3 small
{
	font-size: 70%;
}



#Top_bar #logo
{
    padding: 34px 0;
}

@media only screen and (min-width: 1240px) {

    #Top_bar.is-sticky #logo img.logo-sticky {
        display: inline;
        max-height: 50px !important;
    }


    .header-split #Header .top_bar_left .logo {
        position: absolute;
        left: 30%;
        width: 40%;
    }


	.header-split #Header .top_bar_left .menu_left,
	.header-split #Header .top_bar_left .menu_right 
	{
	    width: 30%;
	}

}


body:not(.mfn-header-scrolled) #Top_bar #logo img.svg
{
	max-height: 112px !important;

}




/* ----------------------------- */

/*
#Top_bar .logo {
    float: left;
    margin-left: 0px;
    max-height: 70px;
	overflow: hidden;
	max-width: 750px;
}

.logo h1,
#Top_bar #logo
{
	font-family: var(--ph-font-nunito);
	font-size: 32px;
	color: var(--ph-yellow-darker-color);

}


#Top_bar #logo .name
{
	display: block;
	font-weight: 400;
	line-height: 1;

}

#Top_bar #logo .subline
{
	display: block;
	font-weight: 400;
	line-height: 1;
	margin-left: 8em;
	color: var(--ph-lightgrey-color);
	font-size: 52.5%;
	margin-top: 8px;
}


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


	#Top_bar .logo h1,
	#Top_bar #logo
	{
		font-size: 32px;
		font-size: min(6vw, 32px);
	}

	#Top_bar.is-sticky .logo h1,
	#Top_bar.is-sticky #logo
	{
		font-size: 27px;
		font-size: min(6vw, 27px);
	}

	#Top_bar #logo .name
	{
		padding-top: 5px;
	}

	#Top_bar #logo .subline
	{
		margin-left: 0;
		text-align: center;
		margin-right: 0;
		font-size: 16px;
		margin-top: 5px;
	}

    .mobile-sticky #Top_bar.is-sticky #logo, 
    .mobile-sticky #Top_bar.is-sticky .custom-logo-link 
    {
        height: 60px !important;
        line-height: 60px !important;
        margin: 5px 50px 5px 10px;
    }

}



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

	#Top_bar .logo #logo
	{
		margin-left: 10px;
	}

	#Top_bar .logo h1,
	#Top_bar #logo
	{
		font-size: 25px;
		font-size: 6vw;

	}

	#Top_bar.is-sticky .logo h1,
	#Top_bar.is-sticky #logo
	{
		font-size: 23px;
		font-size: min(6vw, 23px);
	}
	
	.mobile-sticky #Top_bar.is-sticky #logo, 
	.mobile-sticky #Top_bar.is-sticky .custom-logo-link 
	{
        margin: 5px 40px 5px 10px;
    }	


	#Top_bar #logo .subline
	{
		font-size: 16px;
	}

}


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

	#Top_bar .logo h1,
	#Top_bar #logo
	{
		font-size: 20px;
		font-size: 6vw;
	}


	#Top_bar #logo .subline
	{
		font-size: 14px;
	}
}


@media only screen and (min-width: 1240px)
{
	#Top_bar #menu .menu:after
	{
		content: '';
		display: block;

        height: 1.2em;
		margin-top: 0.4em;

	    width: 2500px;
	    
	    background-color: var(--ph-yellow-color);
	    position: absolute;

		left: calc(100% + 40px);
		top: 17px;
	}

	#Top_bar.is-sticky #menu .menu:after
	{
        height: 1.2em;
        margin-top: 0.2em;

	}


    #Top_bar:not(.is-sticky) {
		padding-top: 20px;
	}

    #Top_bar.is-sticky .logo {
        margin-left: 0;
    }

	#Top_bar .menu > li:last-child a span
	{
		padding-right: 0;
	}
}

#Top_bar .menu > li > a:hover,
.single-post #Top_bar #menu-item-17 > a
{
	color: var(--ph-yellow-color);
}


@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky {
        position: fixed !important;
        width: 100%;
        left: 0;
        top: -70px;
        height: 70px;
        z-index: 701;
        background: #fff;
        opacity: .97;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    }

    #Top_bar.is-sticky .column
    {
    	margin-top: 3px;
    }
}

*/

/* ------------ elements --------- */

/*
.style-simple blockquote
{
	font-size: 29px;
	line-height: 1;
	color: var(--ph-darkgrey-color);
	margin-left: 0;
}

input[type="submit"] 
{
  position: relative; 
  padding-left: 3em; 
  padding-right: 3em; 
}

.column_button.transparent .button
{
	background-color: transparent;
	    border-color: transparent;
}

.column_button.supersize-icon .button i
{
	font-size: 250%;
}

.door-container:hover .column_button.swing-icon .button i,
.column_button.swing-icon .button:hover i
{
	animation: swing-icon-right 0.4s ease-in-out infinite alternate;
}

@keyframes swing-icon-right {
  0% {
    transform: translateX(-15%);
  }
  100% {
    transform: translateX(15%);
  }
}

*/

/* ------------- offsets ------------------ */
.offset-left-2
{
	margin-left: 16.666%
}


@media only screen and (min-width: 1240px)
{
	.lg-offset-left-1
	{
		margin-left: 8.333%
	}
	.lg-offset-left-2
	{
		margin-left: 16.666%
	}


	.lg-offset-right-1
	{
		margin-right: 8.333%
	}
	.lg-offset-right-2
	{
		margin-right: 16.666%
	}

}

/*
h3.arrow
{

    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
*/

.date_label, .timeline_items > li h3 span
{
	padding: 0 0 10px;
}
.style-simple .timeline_items > li h3:before
{
	display: block;
	top: 30px;
    margin-left: -4px;
    transform: rotate(0deg);
    border-radius: 0;
}

@media only screen and (max-width: 767px)
{
	.style-simple .timeline_items > li h3:before
	{
		display: none;
	}
	.style-simple .timeline_items > li:nth-child(even) h3
	{
		text-align: left;
		margin: 0;
	    padding: 15px 0 0 25px;
	    border-right: 0;
	    border-left: 2px solid rgba(0,0,0,0.04);
	}
	.style-simple .timeline_items > li:nth-child(even) .desc 
	{
		text-align: left;
	    padding: 15px 0 0 25px;
	    border-right: 0;
	    border-left: 2px solid rgba(0,0,0,0.04);
    }	

}

.arrow-h3 h3:before,
.arrow:before,
h3.arrow:before 
{
    content: "\f061";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    transform: rotate(-45deg);
    font-size: 80%;
    margin-right: 0.15em;
    color: var(--ph-yellow-color);
    margin-left: -0.1em;
    
}


.vertical-col-wrap > .mcb-wrap-inner
{
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
}

.vertical-col-wrap > .mcb-wrap-inner > .column_column
{
	flex-grow: 0;
	flex-shrink: 0;
}

.flex-grow 
{
	flex-grow: 1 !important;
}


.flex-align-bottom > .mcb-column-inner
{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
 
/*

.flex-align-bottom > .mcb-column-inner > .column_attr 
{
	display: flex;
    align-items: flex-end;
}
*/

/* ####################################### */
/* 
@media only screen and (min-width: 768px) and (max-width: 959px) { 
@media only screen and (max-width: 767px) {
	*/

/*
.size-h1,
.size-h1 h2,
.size-h1 h3
{

	font-size: 65px;
    line-height: 75px;

}


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

	.size-h1,
	.size-h1 h2,
	.size-h1 h3
	{

		font-size: 45px;
	    line-height: 47px;

	}
}



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

	.headertext h3
	{
		font-size: 30px;
    	line-height: 38px;
	}

}
*/

/*
@media only screen and (max-width: 479px) {

	.headertext h3
	{
		font-size: 29px;
    	line-height: 38px;
	}

}
*/


.left-strip:before
{
	content: '';
	display: block;
	height: 0.8em; 
	margin-top: 0.2em;

	/* 
	height: calc(calc(100% - 15px)* 0.85);
    margin-top: 0.2em;
    */

    width: 2500px;
    margin-left: -2515px;
    background-color: var(--ph-yellow-color);
    position: absolute;
}


/* ######################### */

#cf7md-form .cf7md-item, #cf7md-form input, #cf7md-form label, #cf7md-form textarea, #cf7md-form p, #cf7md-form .mdc-select, #cf7md-form.cf7md-form+.wpcf7-response-output, #cf7md-form .wpcf7-not-valid-tip, #cf7md-form .cf7md-card-title, #cf7md-form .cf7md-card-subtitle, #cf7md-form .mdc-button, #cf7md-form .mdc-floating-label, #cf7md-form .mdc-text-field-helper-text, #cf7md-form .mdc-text-field__input, #cf7md-form .mdc-select__native-control, #cf7md-form .mdc-form-field {
    font-family: var(--ph-font-nunito);
}

#cf7md-form .mdc-button
{
	border-radius: 0;
}

#cf7md-form.cf7md-form, #cf7md-form .cf7md-item, #cf7md-form .mdc-form-field, #cf7md-form .mdc-text-field {
    font-size: inherit;
    line-height: inherit;
}

#cf7md-form.cf7md-form .wpcf7-response-output, #cf7md-form.cf7md-form+.wpcf7-response-output
{
	font-size: 1em;
}

/* ######################### */

.wpcf7-form #cf7md-form .quiz-wrap
{
    /*
    font-size: 0.875em;
    letter-spacing: 0.01em;
    */
}

.wpcf7-form #cf7md-form .quiz-wrap br
{
  display: none;
}

.wpcf7-form #cf7md-form .quiz-wrap .wpcf7-form-control-wrap
{
  display: inline;
}

.wpcf7-form #cf7md-form .quiz-wrap .wpcf7-form-control-wrap .wpcf7-quiz
{
    display: block;
}

.wpcf7-form #cf7md-form .quiz-wrap label
{
    /*
  font-size: 1em;
  */
  display: inline;
}

.wpcf7-form #cf7md-form .quiz-wrap .wpcf7-quiz-label
{
    font-weight: 800;
}
/*
.wpcf7-not-valid-tip {
    color: var(--hgt-orange-color);
    display: block;
}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-form.invalid .wpcf7-response-output
{
    background-color: var(--hgt-orange-color) !important;
}
.wpcf7-quiz.wpcf7-not-valid, 
input.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: var(--hgt-orange-color);
}
*/

/* ########################### */

.widget > h3,
.widget:not(.widget_block) > h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 500;
    letter-spacing: 0px;
}

@media only screen and (max-width: 959px) {
    .widget > h3,
    .widget:not(.widget_block) > h3
    {
        font-size: 26px;
        line-height: 34px;
        font-weight: 500;
        letter-spacing: 0px;
    }
}

/* ----------------- */
/*
.dashboardtext_widget_wrap
{

}
*/

.widget_ajax_dashboardtext.no-content {
    margin: 0;
    padding-bottom: 0;
}

/* ###### Borlabs ######### */

.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details.brlbs-w-full .brlbs-basis-3\/12
{
	display: none;
}

/* ###### Blog ####### */

.single-post .section-post-header
{
	display: none;
}


@media only screen and (max-width: 479px) {
    .timeline_items>li h3 span {
        margin-bottom: 5px;
    }
}

.style-simple .timeline_items>li .desc {
    position: relative;
    font-size: 17px;
    line-height: 25px;

    padding-top: 5px !important;
}

.style-simple .timeline_items>li {
    margin-bottom: 35px !important;
}

/*
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	body, .mfn-menu-item-megamenu
	{
        font-size: 18px;
        line-height: 29px;
        font-weight: 400;
        letter-spacing: 0px;
	}
}


@media only screen and (max-width: 479px) {
    body, .mfn-menu-item-megamenu {
        font-size: 18px;
        line-height: 29px;
        font-weight: 400;
        letter-spacing: 0px;
    }
}

*/


@media only screen and (max-width: 767px) 
{
	.style-simple .timeline_items>li .desc
	{
        font-size: 18px;
        line-height: 29px;
        font-weight: 400;
        letter-spacing: 0px;
	}
}



/* ######################################################################## */

.sr7-layer.revgal-image
{


}

.revgal-image-wrap *
{
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}


@keyframes zoom-slightly {
  to {transform: scale(1.1);}
}

/*
@keyframes translate-x-slightly {
  0%   {transform: translateX(0);}
  25%  {transform: translateX(20px);}
  75%  {transform: translateX(-20px);}
  100% {transform: translateX(0);}
}
*/

@keyframes revgal-image-hover-scale {
  to  {transform: scale(1.2);}
}

@keyframes translate-0 {
  to  {transform: translateX(0px) translateY(0px);}
}


@keyframes translate-x-slightly {
  to  {transform: translateX( var(--revgal-image-animation-xrange) );}
}

@keyframes translate-y-slightly {
  to  {transform: translateY( var(--revgal-image-animation-yrange) );}
}


/*.sr7-layer.revgal-image*/
sr7-px.revgal-image-wrap .outer-img-wrap
{
    transform: scale(1);
    transform-origin: center;
}

/*
sr7-px.revgal-image-wrap:not(:hover) img
{
    animation: zoom-slightly 3s infinite alternate;
    animation-delay: 1s;
    animation-duration: 3s;
}
*/
sr7-px.revgal-image-wrap:hover .outer-img-wrap /* .sr7-layer.revgal-image */
{
    transform: scale(1.2);
    /*animation: revgal-image-hover-scale 0.3s ease forwards;*/
}


sr7-px.revgal-image-wrap .inner-img-wrap-translate-x,
sr7-px.revgal-image-wrap .inner-img-wrap-translate-y
{
    transform: translateX(0px) translateY(0px);
    animation: translate-0 0.3s ease forwards;

}

sr7-px.revgal-image-wrap .inner-img-wrap-translate-x
{
    animation: translate-x-slightly ease infinite alternate;
    animation-delay:    var(--revgal-image-animation-delay);
    animation-duration: var(--revgal-image-animation-duration);

}

sr7-px.revgal-image-wrap .inner-img-wrap-translate-y
{
    animation: translate-y-slightly ease infinite alternate;
    animation-delay:    var(--revgal-image-animation-delay);
    animation-duration: var(--revgal-image-animation-duration);

}

/*
sr7-px.revgal-image-wrap:hover .inner-img-wrap-translate-x,
sr7-px.revgal-image-wrap:hover .inner-img-wrap-translate-y
{
    transform: translate(0px, 0px);
}
*/
/*sr7-px.revgal-image-wrap:hover .inner-img-wrap-translate-x,
sr7-px.revgal-image-wrap:hover .inner-img-wrap-translate-y
{
    
    animation: translate-0 0.3s ease forwards; 
}
*/
sr7-px.revgal-image-wrap:hover
{
    z-index: 99 !important;
}

sr7-px.revgal-image-wrap:hover *
{
    opacity: 1 !important;
}

/* #################################################### */


