/*
 * =======================================================================================
 *
 *	Theme Name:   5 Seen Solar GmbH
 *	Theme URI:    http://www.5seensolar.de
 *
 *	Description:  5 Seen Solar GmbH. PV Anlagen aus Herrsching am Ammersee. Made by lakeSITE webdesign.
 *
 *	Author:       lakeSITE webdesign
 *	Author URI:   http://www.lakesite-webdesign.de
 *
 *	Version:      1.0
 *
 *	Date created:	24/07/2023 (DH)
 *	Last modified:	10/07/2025 (DH)
 *
 * =======================================================================================
 */





/*######################################################################################*/
/*	NORMAL (DESKTOP) VIEW
/*######################################################################################*/


/*======================================================================================*/
/*	General
/*======================================================================================*/

* {
    margin: 0;
    padding: 0;
}

html {
    overflow-x: clip;
    scroll-behavior: smooth;
    scroll-padding-top: 100px; /* for fixed headers */
}

body {
    margin: 0px auto;
    overflow-x: clip;
}

/* Color palette */
.colors {
    color: #000; /* black */
    color: #FFF; /* white */
    color: #F3F3F3; /* light grey */
    color: #007B9F; /* dark blue */
    color: #AAD3DF; /* light blue */
    color: #FCC300; /* yellow */
    color: #FEEBAA; /* light yellow */
}


/*======================================================================================*/
/*	Fonts  
/*======================================================================================*/

/* montserrat-300 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
src: url('fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url('fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url('fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
src: url('fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
src: url('fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
src: url('fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
src: url('fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
src: url('fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/*======================================================================================*/
/*	Text Formats  
/*======================================================================================*/

/* Headlines */
/* see theme.json file */

/* Paragraphs */
p {margin: 20px 0 20px 0;}

/* Bold Font */
b,strong {font-weight: 700;}

/* Hyperlinks */
/* see theme.json file */

/* Text aligns */
.text-left, .has-text-align-left {text-align: left;}
.text-center, .has-text-align-center {text-align: center;}
.text-right, .has-text-align-right {text-align: right;}

/* Text selection */
::selection {background: #000; color: #fff;}
::-moz-selection { background: #000; color: #fff;}

/* Lists */
main ul {
    list-style: square;
    margin-top: 20px;
    margin-bottom: 20px;
}

main ol {
    margin-top: 20px;
    margin-bottom: 20px;
}

main ul ol,
main ol ul,
main ul ul,
main ol ol {
    margin: 10px 0 10px 0;
}

    main li {
        margin: 5px 0 5px 20px;
    }

/* Marked text */
mark {
    width: auto;
}

/* Codes */
code {
    width: auto;
}

/* Keyboard entry */
kbd {
    width: auto;
}

/* Tables */
table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

    thead, tbody {
        border: none !important;
    }

        tr {vertical-align: middle;}
        
            td {padding: 0;}

/* Buttons Block */
a.wp-block-button__link {
    transition: all ease 0.3s;
}

a.wp-block-button__link:hover {
    opacity: 0.75;
}

/* --- Horizont ruler --- */
hr,
hr.wp-block-separator {
    width: 25%;
    padding: 0;
    height: 1px;
    border: 0 !important;
    background: #E5E5E5;
    margin: var(--wp--preset--spacing--60) auto;
}

hr.wp-block-separator.is-style-wide {
    width: 100%;
}

hr.wp-block-separator.alignfull {
    width: 100vw;
}

/* Image links */
a img {
    border: none;
    transition: all ease 0.4s;
}

a img:hover {
    opacity: 0.75;
}


/* Image Captions */
.wp-caption .wp-caption-text {
    width: 100%;
}


/* Image Gallery */
.gallery {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

    .gallery-item {
        margin: 0 !important
    }

        .gallery img {
            width: 98%;
            height: 98%;
            display: block;
            margin: 0 auto 2% auto;
            border: none !important;
        }

        .gallery-caption {
            margin: 0 0 10px 0;
        }


/* Videos */
.is-type-video .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

    .is-type-video .wp-block-embed__wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/*======================================================================================*/
/*	Forms
/*======================================================================================*/

form {
    margin: 0;
    padding: 0;    
}

    fieldset {
        margin: 0;
        padding: 0;
        border: none;
    }
    
        legend {display: none;}
        
        label  {display: block;}
        
        
        /* Input fields */
        select,
        textarea,
        input[type=tel],
        input[type=text],
        input[type=file],
        input[type=date],
        input[type=email],
        input[type=search],
        input[type=number],
        input[type=password] {
            width: 95%;
            border-radius: 5px;
            background: #F3F3F3;
            padding: 10px 2.5% 10px 2.5%;
            border: 1px solid #E5E5E5;
            transition: all ease 0.3s;
            outline: none; /* Kein Rahmen bei klick (Chrome) */

            color: #000;
            font-size: 1rem;
            font-weight: 400;
            line-height: 100%;
            font-family: 'Montserrat', sans-serif;
        }
        
        select {
            width: 100%;
        }
        
        textarea {
            height: 150px !important;
            overflow: auto;
        }

        input[type=radio] {
            margin: 0 10px 10px 0;
        }   
        
        input[type=checkbox] {
            width: 0;
            height: 0;
            visibility: hidden;
        }

        input[type=checkbox] + span:before {
            position: relative;
            float: left;
            width: 22px;
            height: 22px;
            content: "";
            display: block;
            visibility: visible;
            border-radius: 5px;
            background: #F3F3F3;
            cursor: pointer;
            margin: 0 5px 0 0;
            border: 1px solid #E5E5E5;

            color: #000;
            font-size: 1.875rem;
            line-height: 100%;
        }

        input[type=checkbox]:checked + span:before {
            content: "✔";
        }
        
        select:focus,
        textarea:focus,
        input[type=tel]:focus,
        input[type=text]:focus,
        input[type=file]:focus,
        input[type=date]:focus,
        input[type=email]:focus,
        input[type=search]:focus,
        input[type=number]:focus,
        input[type=password]:focus {
            border: 1px solid #000;
        }
        
        /* Buttons */
        input[type=submit],
        button[type=submit] {
            color: #FFF;
            font-size: 0.875rem;
            font-weight: 600;
            text-align: center;
            line-height: 100%;
            font-family: 'Montserrat', sans-serif;
        
            cursor: pointer;
            transition: all ease 0.3s;
            padding: 15px 25px 15px 25px;
            background: #007B9F;
            border-radius: 5px;
            border: none;
        }
        
        input[type=submit]:hover,
        button[type=submit]:hover {
            color: #000;
            background: #FCC300;
        }


/* Plugin adjustments: Contact Form 7 */

.wpcf7-list-item {
    margin-left: 0 !important;
}        

img.ajax-loader {
    width: 16px !important;
    height: auto !important;
}

.wpcf7 form .wpcf7-response-output {
    border: none !important;
    width: 95%;
    border-radius: 5px;
    margin: 0 !important;
    padding: 10px 2.5% 10px 2.5% !important;

    color: #fff !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #8FAE1B;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background: #FF5555;
}

.wpcf7-not-valid-tip {
    color: #FF5555 !important;
}



/*======================================================================================*/
/*	Site Structure
/*======================================================================================*/

/*  Header Area ------------------------------------------------------------------------*/

header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 85px;
    background: #FFF;
    border-bottom: 1px solid #E5E5E5;
}

    #header-content {
        position: relative;
        width: 90%;
        height: 100%;
        margin: 0 auto;
        max-width: 1200px;

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

        #logo {
            width: 100%;
            height: auto;
            max-width: 130px;
        }

            #logo img {
                width: 100%;
                height: auto;
                display: block;
            }


        /* ----- Main Menu ----- */

        nav#main-menu {
            width: auto;
            height: 100%;
        }

            /* 1st Level */
            nav#main-menu ul {
                width: 100%;
                height: 100%;
                list-style: none;

                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
            }

                nav#main-menu ul li {
                    position: relative;
                    width: auto;
                    height: 100%;
                    
                    display: flex;
                    align-items: center;
                }

                    nav#main-menu ul li a {
                        width: auto;
                        display: block;
                        padding: 0 12px 0 12px;
                        transition: all ease 0.3s;

                        color: #000;
                        font-size: 0.875rem;
                        font-weight: 600;
                        text-decoration: none;
                    }

                    nav#main-menu ul li.btn-blue a,
                    nav#main-menu ul li.btn-yellow a {
                        color: #FFF !important;
                        background: #007B9F;

                        margin: 0 5px 0 5px;
                        border-radius: 5px;
                        padding: 4px 10px 4px 10px;
                    }

                    nav#main-menu ul li.btn-yellow a {
                        color: #000 !important;
                        background: #FCC300;
                    }

                    nav#main-menu ul li.btn-blue a:hover,
                    nav#main-menu ul li.btn-yellow a:hover {
                        opacity: 0.75;
                    }

                    nav#main-menu ul li a:hover {
                        color: #007B9F;
                    }

                    nav#main-menu ul li.current-menu-item > a,
                    nav#main-menu ul li.current-menu-ancestor > a,
                    nav#main-menu ul li.current_page_parent > a,
                    nav#main-menu ul li.current-page-ancestor > a {
                        color: #007B9F;
                    }

                    nav#main-menu ul li.search-field {
                        display: none;
                    }

                    nav#main-menu ul li button {
                        width: 12px;
                        height: 12px;
                        border: none;
                        cursor: pointer;
                        font-size: 0;
                        margin-left: -6px;
                        margin-right: 6px;
                        background: url(img/icon-arrow-menu.png) no-repeat;
                        background-size: 100% 100%;
                    }

            /* 2nd Level */
            nav#main-menu ul li ul {
                position: absolute;
                top: 85px;
                height: auto;
                width: 200px;
                display: none;
                background: #FFF;
                padding: 10px 0 10px 0;
                border: 1px solid #F3F3F3;
            }

                nav#main-menu ul li ul li {
                    width: 100%;
                    height: auto;
                }

                    nav#main-menu ul li ul li a {
                        margin: 0;
                        height: auto;
                        padding: 5px 20px 5px 20px;
                    }

    #menu-button {
        display: none;
    }


/*  Main Content Area ------------------------------------------------------------------*/

main {
    position: relative;
    padding-top: 85px;

    animation-name: starting;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes starting {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

    /* ----- Gutenberg Blocks ----- */

    /* General */
    .alignfull.has-global-padding {
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
    }

    .is-layout-constrained > :first-child,
    .is-layout-flow > :first-child {
        margin-block-start: 0;  
    }

    .is-layout-constrained > :last-child,
    .is-layout-flow > :last-child {
        margin-block-end: 0;  
    }

    /* Columns Block */
    .wp-block-column.has-background {
        border-radius: 10px;
    }

    /* Media/Text Block */
    /* Optional:
    .wp-block-media-text .wp-block-media-text__content {
        padding: 0 0 0 8% !important;
    }

    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        padding: 0 8% 0 0 !important;
    }
    */

    .wp-block-media-text.has-background .wp-block-media-text__content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Code Block */
    .wp-block-code {
        padding: 20px;
        background: #E5E5E5;
        border-radius: 6px;
    }

    /* Code Block */
    .wp-block-code {
        padding: 20px;
        background: #E5E5E5;
        border-radius: 10px;
        margin: 20px 0 20px 0;
    }

    /* File Block */
    .wp-block-file {
        font-size: 1rem !important; 
    }

    .wp-block-file a:first-child:before {
        position: relative;
        float: left;
        width: 32px;
        height: 32px;
        content: "";
        display: block;
        margin: -4px 10px 0 0;
        background-color: #000;

        mask: url(img/icon-download.svg) no-repeat;
        -webkit-mask: url(img/icon-download.svg) no-repeat;
        mask-size: 100% 100%;
        -webkit-mask-size: 100% 100%;
    }

    /* Accordion Block (Getwid Plugin) */
    .wp-block-getwid-accordion .wp-block-getwid-accordion__header {
        padding: 20px 0;
    }

    .wp-block-getwid-accordion__header a {
        color: var(--wp--preset--color--black);
    }

    .wp-block-getwid-accordion__content {
        border: none;
        padding: 0 0 20px 0;
    }

    .wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
        border: none !important;
    }



/*  Footer Area ------------------------------------------------------------------------*/

footer {
    position: relative;
}

    footer a {
        text-decoration: none;
    }


/*######################################################################################*/
/*	BREAKPOINT (@ 1400 Pixel)
/*######################################################################################*/

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

/*  Header Area ------------------------------------------------------------------------*/

nav#main-menu ul li a {
    font-size: 0.75rem;
}

} /* <--- END MEDIA */


/*######################################################################################*/
/*	BREAKPOINT (@ 1200 Pixel)
/*######################################################################################*/

@media only screen and (max-width: 1200px) { 
    
/*  Header Area ------------------------------------------------------------------------*/

header {
    height: 60px;
}

    #header-content {
        width: 100%;
    }

        #logo {
            margin: 0 0 0 5%;
            max-width: 95px;
        }

        nav#main-menu {
            position: absolute;
            top: 60px;
            width: 100%;
            height: 0;
            overflow-y: hidden;
            background: #FFF;
            transition: all ease 0.4s;
        }

        nav#main-menu.opened {
            height: calc(100vh - 60px);
        }

            /* 1st Level */
            nav#main-menu ul {
                height: calc(100vh - 60px);
                display: block;
                background: #FFF;
                overflow-y: auto;
            }

                nav#main-menu ul li {
                    width: 100%;
                    height: auto;
                    display: block;
                    border-top: 1px solid #E5E5E5;
                }

                nav#main-menu ul li:last-child {
                    border-bottom: 1px solid #E5E5E5;
                }

                    nav#main-menu ul li a {
                        height: auto;
                        font-size: 0.875rem;
                        padding: 12px 5% 12px 5%;
                    }

                    nav#main-menu ul li.btn-blue a,
                    nav#main-menu ul li.btn-yellow a {
                        margin: 0;
                        border-radius: 0;
                        padding: 12px 5% 12px 5%;
                    }

                    nav#main-menu ul li a:hover {
                        color: #000;
                    }

                    nav#main-menu ul li.search-field {
                        display: block;
                    }

                        nav#main-menu ul li.search-field input {
                            width: 100%;
                            border: none;
                            border-radius: 0;
                        }

                    nav#main-menu ul li button {
                        position: absolute;
                        top: 12px;
                        right: 5%;
                        width: 24px;
                        height: 24px;
                        margin: 0;
                        transition: all ease 0.4s;
                    }

                    nav#main-menu ul li.opened button {
                        transform: rotate(-90deg);
                    }

            /* 2nd Level */
            nav#main-menu ul li ul {
                position: relative;
                top: 0;
                margin: 0;
                width: 100%;
                display: none;
                border: none;
                padding: 0 0 10px 0;
            }

                nav#main-menu ul li ul li {
                    border: none !important;
                }

                    nav#main-menu ul li ul li a {
                        width: 88%;
                        font-size: 0.875rem;
                        padding: 6px 5% 6px 7%;
                    }

        #menu-button {
            position: relative;
            width: 24px;
            height: 24px;
            font-size: 0;
            border: none;
            display: block;
            cursor: pointer;
            margin: 0 5% 0 0;
            
            transition: all ease 0.4s;
            background: url(img/icon-menu.png) no-repeat;
            background-size: 100% 100% !important;
        }

        #menu-button.opened {
            transform: rotate(180deg);
            background: url(img/icon-close.png) no-repeat;
        }


/*  Main Content Area ------------------------------------------------------------------*/

main {
    padding-top: 60px;
}
 
} /* <--- END MEDIA */




/*######################################################################################*/
/*	BREAKPOINT (@ 600 Pixel)
/*######################################################################################*/

@media only screen and (max-width: 600px) { 
    
/*  Main Content Area ------------------------------------------------------------------*/

/* Media and Text Block */

.wp-block-media-text .wp-block-media-text__content {
    padding: 20px 0 0 0 !important;
}

.wp-block-media-text.has-background .wp-block-media-text__content {
    padding: 20px 5% 0 5% !important;
}

.wp-block-media-text.alignfull .wp-block-media-text__content {
    padding: 20px 5% 20px 5% !important;
}
 
} /* <--- END MEDIA */