/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Globals --------------------------------------- */

.download-link_title {
    font-size: 18px !important;
    color: black;
}
.download-link_title:hover {
    color: #a94545;
}
.pp-category__title_wrapper {
    display: flex;
    justify-content: space-between;
}
.left {
    display: flex;
}
.download-btn:hover .icon {
  filter: invert(1); /* Invert colors */
}

.seperator-crum {
    font-size: 30px !important;
    color: white;
    margin-left: -5px;
  margin-right: -5px;
}


.title-container img {
    padding-right: 10px;
}

.download-btn:hover {
    background-color: #a94545 ;
    
}
.download-btn {
    border: 1px solid black;
    border-radius: 99px;
    padding: 5px;
}
.download-btn img {
    padding: 0;
}

h2 a:hover {
    color: #a94545;
    
}

.fl-post-grid-empty {
   height: 153.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #a94545;
  background-color: #F7F7F7;
}
.fl-post-grid-empty p {
    color: black;
}
.arrow {
  transition: transform 0.3s ease; 
}

a:hover h3 {
color: #a94545;
}
a:hover .arrow {
  transform: rotate(180deg); 
}
.arrow {
   transform: rotate(-90deg);
}

.heading-container {
    display: flex;
    align-items: center;
    
}
.heading-container h2:hover {
    
}
.heading-container img {
    margin-top: 10px;
}
.breadcrum {
    display: flex;
    gap: 10px;
    align-items: baseline;
}
.breadcrum a {
  
    color: white;
    font-size: 30px;
}

.breadcrum h2 {
   
}
.heading-container #terms-list a {
}
img {
    height: 30px;
    padding-right: 20px;
}
.back-btn {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration-line: underline;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background-color:transparent;
  color: #a94545;
  border:0px;
  text-decoration-line: underline;
  text-decoration-color: #a94545;
}
.back-btn svg {
    fill: white;
}
button:hover svg {
    fill: #a94545;
}
.pp-grid-load-more-button, .fl-button {
    border-radius: 0 !important;
    background-color: transparent;
    text-decoration-color: white !important;
    transition: 0s;
}
.pp-grid-loader-text, .fl-button-text {
    color: white;
    
}

.fl-button-text:hover {
    color: #a94545 !important;
}

.fluid button {
    bottom: 15px!important;
    top: initial!important;
}
.icon {
    height: 30px;
}
.inverted {
        filter: invert(100%);
        /* Change the color as desired */
        color: red;
    }

h2 {
    color: white;
}

#terms-list a:not(:last-child)::after {
    content: "/";
    margin-left: 5px;
    margin-right: 5px;
}
#terms-list {
    color: white;
  font-size: 30px;
}
/* Headers --------------------------------------- */
	
	h1 { /*...*/ }
	
	h2 { 
	    font-size: 30px !important;
	}
	
	h3 { 
	    font-size: 18px !important;
	    
	}
	
	h4 { /*...*/ }
	
	h5 { /*...*/ }
	
	h6 { /*...*/ }
	
	p { /*...*/ }
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
	.pp-category__title{
    padding-left: 0px !important;
    font-size: 24px !important;
}
	
/* Input fields --------------------------------------- */
	
	input{ /*...*/ }
	
	input:focus{ /*...*/ }
	
	input::placeholder{ /*...*/ }
	
	select{ /*...*/ }
	
	label{ /*...*/ }
	
	input[type=button], input[type=submit], input[type=reset] { /*...*/ }


/* 
----------------------------------------------------------------------------
	max-width: 4096px (Desktop extra large)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 4096px) {
    
}
/* 
----------------------------------------------------------------------------
	max-width: 1920px (Desktop large)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1920px) {
	
}
/* 
----------------------------------------------------------------------------
	max-width: 1440px (Desktop medium)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1440px) {
    
}

/* 
----------------------------------------------------------------------------
	max-width: 1200px (Tablet landscape)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1200px) {
    
}

/* 
----------------------------------------------------------------------------
	max-width: 1050px (Tablet portrait)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 1050px) {
    
    .pp-custom-grid-post-text {
        flex-direction: column;
    }
    .download-btn {
        margin-top: 15px;
    }
    
    .heading-container {
        flex-wrap: wrap;
    }
    .heading-container h2 {
        font-size: 20px !important;
    }
    
    .pp-category__title,
    .breadcrum a {
    font-size: 20px !important;
    
    
}
/* Headers --------------------------------------- */
	
	h1 { /*...*/ }
	
	h2 { /*...*/ }
	
	h3 { 
	   
	}
	
	h4 { /*...*/ }
	
	h5 { /*...*/ }
	
	h6 { /*...*/ }
	
	p { /*...*/ }
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	#terms-list {
	    color: white;
  font-size: 20px !important;
	}
	.seperator-crum {
	    font-size: 20px !important;
	}
	
}

/* 
----------------------------------------------------------------------------
	max-width: 678px (Mobil)
----------------------------------------------------------------------------  
*/ @media screen and (max-width: 768px) {
    
/* Headers --------------------------------------- */
	
	h1 { /*...*/ }
	
	h2 { /*...*/ }
	
	h3 { 
	   
	}
	
	h4 { /*...*/ }
	
	h5 { /*...*/ }
	
	h6 { /*...*/ }
	
	p { /*...*/ }
	
	a { /*...*/ }
	
	a:hover{ /*...*/ }
	
	a.example { /*...*/ }
	
}