/**
Theme Name: Contraxx
Author: Uniqat
Author URI: https://www.uniqat.nl
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: contraxx
Template: astra
*/

:root
{
    --color1: #a6191e;
    --color2: #2b3378;
    --light: #f6f5fa;
}

body
{
    font-family: system-ui, sans-serif !important;
}

.banner
{
    
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
    border-bottom: 8px solid var(--color1);
    /*animation: banner 2s forwards;*/
	h1
	{
		font-size: 4em !important;
	}
}

/*@keyframes banner {
    0% {
        border-bottom: 8px solid transparent;
    }
    100% {
        border-bottom: 8px solid var(--color1);
    }
  }*/

.banner .wp-block-buttons
{
    animation: banner-buttons 2s forwards;
}

@keyframes banner-buttons {
    0% {
        opacity: 0;
        margin-bottom: -50px;
    }
    25% {
        opacity: 0;
        margin-bottom: -50px;
    }
    100% {
        opacity: 1;
    }
  }

.entry-title
{
    color: black;
}

.site-header-section-left
{
    max-width: 200px;
}

#masthead, .ast-primary-header-bar
{
    background: white;
    position: sticky !important;
    top: 0;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 30%);
}

#masthead a
{
    color: var(--color2);
}

.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 0px !important;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 87px !important;
}

.main-header-menu .current-menu-item 
{
    background: var(--color1);

    a
    {
        color: white !important;
    }
}

.wp-element-button
{
    background: var(--color1) !important;
}

.is-style-outline .wp-element-button
{
    background: transparent !important;
    border: 2px solid var(--color1);
    border-color: var(--color1) !important;
}

.block
{
    background: white;
    padding: 2em;
    text-align: center;
    border-radius: 25px;

    box-shadow: 4px 4px var(--color1);

    h3
    {
        color: var(--color2)
    }

    i
    {
        font-size: 36px;
        border: 3px solid;
        border-radius: 100%;
        padding: 0.3em;
        color: var(--color1);
        width: 70px;
        height: 70px;
    }
}

.block-invert
{
    background: var(--light);
}

.block-bg
{
    /*background: url(http://localhost/contraxx/wp-content/uploads/2024/02/Asset-9.png) no-repeat;
    background-position: bottom 2em right 2em;*/
    background: url(https://www.contraxx.nl/wp-content/uploads/2024/03/Asset-10.png) no-repeat;
    background-position: center right 3em;
    background-size: 8em;
}

/* Standard drop shadow */
.block-contact, .wp-block-latest-posts li
{
    border-radius: 25px;
    box-shadow: 4px 4px var(--color1);
}

.ast-article-inner
{
    border-radius: 25px !important;
    /* box-shadow: 4px 4px var(--color1) !important; */
}

.wp-block-media-text__media img
{
    box-shadow: 8px 8px var(--color1);
    border-radius: 25px;
}

.img-unset img
{
	box-shadow: unset !important;
}

.portfolio ul
{
    /* display: none; */
    column-gap: 1em;
}

.portfolio .wp-block-latest-posts__featured-image
{
    
}

.portfolio .wp-block-latest-posts__featured-image img
{
    border-radius: 25px;
}

.wp-block-latest-posts
{
    margin-top: 2em !important;
}

.wp-block-latest-posts li
{
    background: var(--light);
    text-align: center;
    padding: 2em;
    border-radius: 25px;
}

.block, .wp-block-latest-posts li
{
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

.highlight
{
    /*background: var(--color1)   ;
    padding-left: 0.25em;
    padding-right: 0.25em;*/
}

.entry-title a
{
    color: var(--color1);
}

footer h3, footer .widget .wp-block-heading
{
    color: var(--color1);
}

.site-primary-footer-wrap
{
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-top: -50px;
    position: relative;
    z-index: 2;
    border-top: 8px solid var(--color1);
    background: url(https://www.contraxx.nl/wp-content/uploads/2024/03/Asset-9.png) no-repeat;
    background-position: center right 3em;
    /*background-size: 8em;*/
    background-color: #F6F5FA;
}

/* Footer margin different for pages other than home or about us 
body:not(.home):not(.page-id-284) .site-primary-footer-wrap*/ .site-primary-footer-wrap, .site-footer
{
    /*margin-top: -105px;*/
	margin-top: -53px;
}

footer a
{
    color: var(--color2);
}

.ast-footer-copyright a
{
	color: white;
}

footer img
{
    /*filter: brightness(0) invert(1);*/
}

#ast-scroll-top
{
    border-radius: 100%;
}

.footer-social-item
{
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

form textarea
{
    max-width: 100%;
    min-width: 100%;
}

.wpforms-submit
{
    background: var(--color1) !important;
    border-radius: 25px !important;
}

.customers
{
    vertical-align: middle;
    margin-top: 4em;
    margin-bottom: 2em;
}

.customers figure
{
    mix-blend-mode: multiply;
    padding: 2em;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    
}

.customers figure:hover
{
    transform: scale(1.1);
    filter: unset;
}

.block:hover, .wp-block-latest-posts li:hover
{
    transform: scale(105%);
    box-shadow: 2px 2px 20px 0 lightgrey;
}

.wp-element-button:hover, .wpforms-submit:hover, .footer-social-item:hover
{
    filter: brightness(110%);
}

.blog #content, .page-id-352 #content, .post-template-default #content
{
    padding-top: 4em;
    padding-bottom: 5em;
}

.contact-page
{
    p
    {
        margin: 0;
    }
    a
    {
        color: white;
        text-decoration: none !important;
    }
}

figure.wp-block-image:not(#individual-image)
{
	margin-bottom: unset !important;
}

/* Mobile */
@media only screen and (max-width: 768px)
{
	
	.home .banner
{
	padding-top: 8em;
}
	
    .banner
    {
        padding: 2em !important;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom: 8px solid var(--color1);
        min-height: 450px !important;
		h1
		{
			font-size: 2em !important;
		}
    }

    .mobile-menu-toggle-icon, [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg
    {
        background: var(--color1);
        padding: 6px;
        fill: white !important;
        border-radius: 6px;
    }

    .mobile-menu-toggle-icon .ast-mobile-svg
    {
        /* fill: var(--color2) !important; */
    }

    .ast-header-break-point .ast-icon.icon-arrow svg
    {
        color: var(--color2) !important;
    }

    .site-footer-section-2
    {
        display: flex !important;
        margin-top: 1em;
    }

    .blog #content, .post-template-default #content
    {
        padding-top: 1em;
        padding-bottom: 6em;
    }
	
	.slogan h3
	{
		font-size: 24px !important;
		padding-bottom: 2em;
	}
}


/* Big screen */
@media screen and (min-width: 1201px) {
	
	.home .banner
{
	margin-top: -60px !important;
}
	
    body:not(.home) #content
    {
        margin-top: -59px;
    }    
  }