/*
 Theme Name:   UnderStrap Child: HDpublish Landingpage Template
 Theme URI:    https://xyz.hdpublish.com
 Description:  UnderStrap Child Theme
 Author:       Benjamin Bedekovic
 Author URI:   https://HDpublish.com
 Template:     understrap
 Version:      1.1.20191110
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-cild-ingconcept
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
flesh: #c3ecbe
main color: #7fd44a
grey: #444444
*/
body {font-family:  'Open Sans', Verdana, Helvetica, Arial, sans-serif;color: #444;}
a {color: #ffffff; text-decoration: none;}
a:hover {color: #444444; text-decoration: underline;}
ul.menu{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
ul.menu li{margin-right: 1rem;}
ul.menu li a{color: #ffffff;}

#footer-full-content {color:#eee;font-size: 80%;}
#nav_menu-2 {max-width: 70% !important;}

#wrapper-footer-full, 
#wrapper-static-hero {background-color: #7fd44a;}
#wrapper-static-content h3 {color:#fff;margin:0;}
#wrapper-static-content img {	

}	
#wrapper-static-content img:hover {	
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


.bg-primary {background-color: #7fd44a!important;}
a.bg-primary:hover {background-color: #ffffff!important; color:#7fd44a;}
.btn {border-radius: 0;}
.btn-primary {color: #fff;background-color: #7fd44a!important;border-color: #7fd44a!important;}
.btn-secondary {background-color: #7fd44a;border-color: #7fd44a;}
.card {background: #eee; border-radius:0; border:0;}
.card:hover {background: #ddd;}
.cardunit {margin-bottom: 12px; padding-left: 0px; padding-right:0px;}
.carousel-item img {height: auto;width: 100%!important;max-height: 360px;object-fit: cover;-webkit-filter: grayscale(100%); filter: grayscale(100%);} 
.dropdown-menu{border-radius: 0;}
.edit-link {display: none;}
.entry-meta {display:none;}
.nav-pills .nav-link {border-radius: 0;}
.navbar {padding:.75rem 1rem;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,.9);}
.navbar-toggler {border: 0; border-radius: 0;}
.post-navigation{display:none;}
.widget-area {padding-top:2rem;}
.wrapper {padding: 12px 0;}

h1 {font-family:  'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-weight: 400; font-size: 1.55rem; line-height:2rem; margin-bottom: 1.1rem; padding-top: 2rem;}
h2,h3 {font-family:  'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-weight: 400;font-size: 1.25rem; line-height:2rem; margin-bottom: 1.1rem; }
h4,h5,h6 {font-family:  'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-weight: 400;font-size: 1.2rem; margin-bottom: 1.1rem;}
li.dropdown-menu:active,
li.dropdown-menu:hover{background: #666;}
.page-link {color: #7fd44a;}
.page-item.active .page-link {background-color: #7fd44a;border-color: #7fd44a; color.#ffffff;}
.page-item:first-child .page-link {
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
}




// Extra small devices (portrait phones, less than 576px) -> https://getbootstrap.com/docs/4.0/layout/overview/





	



@media (max-width: 576px) { 
	.card-columns {
        column-count: 1;
    }
  ul#main-menu {margin-top: 1rem;}
}

@media (min-width: 576px) {
	  .card-columns {
        column-count: 1;
    }

}

@media (min-width: 700px) {
	  .card-columns {
        column-count: 2;
    }

}

@media (min-width: 992px) {
	  .card-columns {
        column-count: 2;
    }
	.carousel-item img {
		height: auto;
		width: 100%!important;
		max-height: 600px;
		object-fit: cover;
	} 
	#main {/*column-count: 2;*/}
	.home .content-area {max-width: 66%;}
}



@media (min-width: 1200px){
	.carousel-item img {
		height: auto;
		width: 100%!important;
		max-height: 750px;
		object-fit: cover;
	}
}

@media (min-width: 1400px){
	.card-columns {
        column-count: 3;
    }
}
@media (min-width: 1980px){
	.card-columns {
        column-count: 4;
    }
}
@media (min-width: 2500px){
	.card-columns {
        column-count: 5;
    }
}
@media (min-width: 3200px){
	.card-columns {
        column-count: 6;
    }
}