/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@font-face {
font-family: 'ambleregular';
src: url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_regular_macroman/Amble-Regular-webfont.eot');
src: url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_regular_macroman/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_regular_macroman/Amble-Regular-webfont.woff') format('woff'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_regular_macroman/Amble-Regular-webfont.ttf') format('truetype'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_regular_macroman/Amble-Regular-webfont.svg#ambleregular') format('svg');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'amblelight';
src: url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_light_macroman/Amble-Light-webfont.eot');
src: url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_light_macroman/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_light_macroman/Amble-Light-webfont.woff') format('woff'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_light_macroman/Amble-Light-webfont.ttf') format('truetype'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_light_macroman/Amble-Light-webfont.svg#amblelight') format('svg');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'amblebold';
src: url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_bold_macroman/Amble-Bold-webfont.eot');
src: url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_bold_macroman/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_bold_macroman/Amble-Bold-webfont.woff') format('woff'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_bold_macroman/Amble-Bold-webfont.ttf') format('truetype'),
url('https://www.idare-portal.org/sites/all/themes/bootstrap/starterkits/IDAREBS/css/amble/amble_bold_macroman/Amble-Bold-webfont.svg#amblebold') format('svg');
font-weight: normal;
font-style: normal;
}


/*Overall*/

body, html{
font-family: 'amblelight', open sans, Arial, Verdana, Geneva, sans-serif;
color:#262626;
font-size:1em;
/*background: url("../img/bg/bg2.jpg")  no-repeat top fixed;*/
background-size: 100%;
line-height: 2em;
}  

b, strong {
font-family: "amblebold",open sans, Arial, Verdana, Geneva, sans-serif;
font-size: 18px;
letter-spacing: 0.5px;
}

a, a:hover, a.active, a:visited{
color:#1F70B8;
text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
/*letter-spacing: 0.05em;*/
font-family: 'amblebold',open sans, Arial, Verdana, Geneva, sans-serif;
font-weight: normal;
color:#1F70B8;
letter-spacing: 0.2px;
}

.navbar-default {
	background:transparent;
	border:none;
}

#navbar {
 
	width:100%;
}
.navbar.container {
    max-width: 1270px!important;
	margin:auto;
 
}


.logo46{
position: absolute;
right: 190px;
top: 15px;
display:none;}

.logoblok1{
	float:left;
}
.logoblok2{
	float:right;
}

.logoblok2 img{
	max-height:90px;
}
img.logo-dare {

    width: 300px;
    position: relative;
    top: -20px;

}

/* language switcher*/
ul.language-switcher-locale-url{
 
float: right;

}

ul.language-switcher-locale-url li{
	float: left;
	list-style:none;
	margin-right:10px;
	background:red;
	padding:5px;
	background:#1F70B8;
}
ul.language-switcher-locale-url li:hover{
	background:#F9A61A;
}

ul.language-switcher-locale-url li a{

color:white;
}
img.language-icon{
    float: left;
    padding-top: 8px;
    padding-right: 10px;
    height: 15px;
    width: auto;
}

/* end language switcher*/



/*menu */
 /*
.block-nice-menus {
	background:#1F70B8;
}

#nice-menu-1 li{
display: inline;
background: #1F70B8;
border: none;
}
#nice-menu-1 li li{
position:relative;
top:6px
}

#nice-menu-1 li a, #nice-menu-1 li li a{ 
min-height:25px!important; 
border-top: solid thin #F9A61A;
}
#nice-menu-1 li a:hover, #nice-menu-1 li li a:hover
{ 
min-height:25px!important; 
border-top: solid thin #1F70B8;
}


#nice-menu-1 li a{
color:#fff;
text-decoration:none;
font-size: 15px;
padding-left:10px;
padding-right:10px;
background: #1F70B8;
border: none;
padding-top: 10px;
}

#nice-menu-1 li a:hover,#nice-menu-1 li a.active, #nice-menu-1 li li a.active{
background-color: #F9A61A; 
border: none;
}


ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
background: white;
border: none;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
background: white;
border: none;
}

ul.nice-menu-down li.menuparent {
background: white;
border: none;
}

ul.nice-menu-down li li.menuparent {
background: white;
border: none;
}

ul.nice-menu-down li.menuparent:hover {
background: white;
border: none;
}


ul.nice-menu,
ul.nice-menu ul {
list-style: none;
padding: 0;
margin: 0;
border: none;
}

ul.nice-menu li {
border: none;
}


#nice-menu-1 li li{
width:250px;
}

#nice-menu-1 li ul {
margin-top:5px;
}*/

.main-container {
	padding: 0px;
	position: relative;
    top: 10px;
}

h2.block-title {
    background: none repeat scroll 0% 0% #1F70B8;
    color: #FFF;
    padding: 5px;
    padding-left: 10px;
    font-size: 17px;
    padding-right: 10px;
}

.footer h2.block-title {
    background: none;
    color:  #1F70B8;

}
 
.region-sidebar-second .block {
 
    border: solid thin #1F70B8;
 padding:5px;
 margin-bottom: 10px;
}
.region-sidebar-second .block-title{
     margin-top: 5px;

}
 

.footer {

    margin-top: 145px;
    padding-top: 0px;
    padding-bottom: 35px;
    background: #f2f2f2;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    background-image: url("https://idare-portal.org/sites/all/themes/ooxo/img/bg/footer2.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 300px;
    background-position: -20px 80px;
    margin-bottom: 4px;

}


.sf-menu.sf-style-white a, .sf-menu.sf-style-white span.nolink {
	background:#1F70B8;
    border: none;
    color: #fff;
    padding:10px 10px;

}
.sf-menu.sf-style-white a:hover, .sf-menu.sf-style-white span.nolink {
	background:#F9A61A;
    border: none;
    color: #fff; 

}

.sf-menu.sf-style-white {
    margin-bottom: 0em;
}

#page-header{
margin-bottom: 40px;
}
#block-superfish-1{
	background: #1F70B8;
}
 
#block-views-homepage-map-block-1  h2{
border:red;
margin-bottom:0px;	
}


.dtbr_rechts .field-label
{
	font-weight:bold;
	padding:5px;
}
.dtbr_rechts .field-item
{
	padding:5px;
}
.node-datatoberescued p{
	padding-bottom:5px;
}
.node-datatoberescued{
    border: solid 1px #1F70B8;
    padding: 20px;
}

/***************************************************************/
@media (max-width: 575px) { 

#block-block-2 img.logo-dare {
    width: 50%;
    position: relative;
    top: 10px;
}
#block-block-2 {
padding:5px;
 
}
.logoblok2 img {
    width: 30%;
 
}
.sf-accordion-toggle{
	background: red;
position: fixed;
top: 20px;
right: 20px;
}

#block-locale-language{
	position: absolute;
	bottom: 0px;
	display:none;
}
ul.language-switcher-locale-url li {
    margin-right: 2px;
 
}

.logoblok1 {
 
    margin-bottom: 10px;

}


#block-block-2
{
background: white;
width: 100%;
padding: 0px;
margin: 0px;
position: fixed;
z-index: 10000000;
left: 0px;

-webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
}

.main-container {
   top: 40px;
}
h1, .h1 {
	font-size: 22px;
    padding: 25px 5px;
    padding-bottom: 25px;
	text-align: center;
}
.sf-accordion-toggle {
    z-index: 10000000000000;
}
#superfish-1-accordion{
	margin-top: 35px;
}
.field-name-field-bold-introduction{
	font-weight: bolder;
}

.field-name-field-bold-introduction,
.field-name-body  p {
	padding:5px;
}
.field-name-body  img {
	padding:5px;
	width:50%;
	height:auto;
}
#openlayers-container-openlayers-map{
	width: 100%;
    height: auto;
}
.footer{
	height: 100%;
}
#block-system-main{
		padding:5px;
}
 }