/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




.circelicon{
	height:170px;
	width:170px;
	background:pink;
}
	
	
.vierkant{
	height:25px;
	width:25px;
	background:red;
}




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

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

.vierkant{
	background:pink;
}

}




/* #Desktop - Large
================================================== */
@media only screen and (min-width: 1140px) {

.vierkant{
	background:blue;
}
}


/* #Desktop - Extra Large
================================================== */
@media only screen and (min-width: 1340px) {

.vierkant{
	background:orange;
}
}


/* #Desktop - Mega Large
================================================== */
@media only screen and (min-width: 1600px) {

.vierkant{
	background:purple;
}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width: 768px) and (max-width: 989px) {


.vierkant{
	background:aqua;
}
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {


h1{
	font-size:25px;	
}
h2{
	font-size:25px;	
}
h3{
	font-size:20px;	
}

.html_header_top.html_header_sticky #header {
  position: fixed !important;
}
.responsive #top #main {
  padding-top: 50px !important;
  margin: 0;
}
.responsive #top #wrap_all .container {
  width: 95%;
  max-width: 95%;
}

.responsive .logo img, .responsive .logo svg {
  max-height: 40px;
}

.responsive .logo a {
  display: table-cell;
  vertical-align: top;
  padding-top:5px;
}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
  margin-top: -20px;
}
#header_main {
  border-bottom-width: 0px;
  border-bottom-style: solid;
  z-index: 1;
  height: 50px;
}

.homebannerbg h1{
	font-size:25px;
}


.opsomming h3{
	font-size:16px;
	line-height:1.7em;
}
#top #av-burger-menu-ul {
  vertical-align: top;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
  line-height: 1.3em;
  height: auto;
  padding: 15px 30px;
  display: block;
  text-align: left;
  text-decoration: none;
}
.html_av-overlay-side #top .av-burger-overlay-scroll {
  	background: rgb(34,193,195);
	background: linear-gradient(143deg, rgba(34,193,195,0.85) 0%, rgba(253,187,45,0.85) 100%);
}
.html_av-overlay-side-classic #top .av-burger-overlay li a {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  color:#fff;
  font-weight:800;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
  color: #fff;
}

.header_color .av-hamburger-inner {
  	background-color:#00296b;
  	width:30px;
	}
.header_color .av-hamburger-inner::before{
	background-color:#00296b;
	width:35px;
	}

.header_color .av-hamburger-inner::after{
	background-color:#00296b;
	width:40px;
	}
	
#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
  position: relative;
  z-index: 3;
  font-size: 12px;
}

.responsive #top #wrap_all .av-flex-cells .no_margin {
  display: block;
  margin: 0;
  height: auto !important;
  overflow: hidden;
  padding-left: 5% !important;
  padding-right: 5% !important;
}

.footergedeelte .flex_cell{
	padding: 10px 0px 0px 0px;
	}

#top form {
  margin-bottom: 0px;
}

.vierkant{
	background:brown;
}
}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.vierkant{
	background:yellow;
}
}