/*
	Theme Name: Erinnerungsvideos
	Theme URI: None.
	Description: Individuelles Design. Programmierung: Digisol GmbH, Buchs AG. Dezember 2018.
	Version: 1.0
	Author: Manuel Näf - Digisol GmbH
	Author URI: www.digisol.ch
	Tags:
*/



/***********************************************************************

	Fonts

************************************************************************/
@font-face {
    font-family: 'MontserratBold';
    src: url('fonts/MontserratBold.eot');
    src: url('fonts/MontserratBold.eot') format('embedded-opentype'),
         url('fonts/MontserratBold.woff2') format('woff2'),
         url('fonts/MontserratBold.woff') format('woff'),
         url('fonts/MontserratBold.ttf') format('truetype'),
         url('fonts/MontserratBold.svg#MontserratBold') format('svg');
}

@font-face {
    font-family: 'MontserratLight';
    src: url('fonts/MontserratLight.eot');
    src: url('fonts/MontserratLight.eot') format('embedded-opentype'),
         url('fonts/MontserratLight.woff2') format('woff2'),
         url('fonts/MontserratLight.woff') format('woff'),
         url('fonts/MontserratLight.ttf') format('truetype'),
         url('fonts/MontserratLight.svg#MontserratLight') format('svg');
}




/***********************************************************************

	Body

************************************************************************/
html, body { height: 100%; min-height: 500px; }
body { margin: 0px; border:0px; padding:0px; background-color:#626671; background-repeat:no-repeat; background-position: top center; background-attachment:fixed }
.no_display { display:none; }




/***********************************************************************

	Font Styles

************************************************************************/
* { font-family: "MontserratLight", Arial,Helvetica,sans-serif; font-weight:normal; color: #ffffff; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: none; }
b, strong, b > a { font-weight:bold; }
h1, h2, h3, h4 { font-family: "MontserratBold", Arial,Helvetica,sans-serif; font-weight:normal; color:#ffffff; margin:0px; letter-spacing: 0.04em; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: none; }
h2 { color: #39c5ff; }
hr { margin:0px 0px 14px 0px; border-top: 1px dashed #CCCCCC; font-size: 0px; line-height: 0px; }
a, a:visited { color: #39c5ff; font-weight: bold; }
a:hover, a:active { color: #39c5ff; text-decoration: underline; }
.quote { font-style: italic; color: #39c5ff; }
.quote_author { italic; color: #39c5ff; }


/***********************************************************************

	Page Container

************************************************************************/
#bg {
    visibility: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
}


#side_menu{
	position:fixed; z-index:4; top:0; bottom:0; left:0px;
}

#side_menu .link {
	position:absolute; display:block;
	z-index: 3;
}

#side_menu .button {
	position:absolute; display:block;
}

#side_menu .button .button_text {
	position:absolute; bottom: -20px;
	text-align: center;
	font-family: "MontserratBold";
	font-size: 18px;
    -webkit-font-variant-ligatures: no-common-ligatures;
    font-variant-ligatures: none; 
    color: #000000;
}

#side_image {
	position: fixed;
	top:0px;
	left:0px;
	height:100%;
	overflow: hidden;
    z-index:2;
}



#logo { position:absolute; z-index: 5; top: 0px; left: 0px; visibility: visible; }


#top_menu { position:relative; margin-top:91px; width:1030px; height:35px; margin-left: auto; margin-right: auto; }
	#top_menu_inner { margin-left: 307px }
		#top_menu_inner > .nav > li > a {

			font-family: "LucidaSansRegular";
			font-weight: bold;
			color: #000000;

			padding: 4px 14px;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecd16c+0,dfb31b+98,d1a818+100 */


            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#94e0ff+0,38abd8+98,0098d9+100 */
            background: #94e0ff; /* Old browsers */
            background: -moz-linear-gradient(top,  #94e0ff 0%, #38abd8 98%, #0098d9 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #94e0ff 0%,#38abd8 98%,#0098d9 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #94e0ff 0%,#38abd8 98%,#0098d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e0ff', endColorstr='#0098d9',GradientType=0 ); /* IE6-9 */

	}

#content { position: absolute; left: -1000px; top:-1000px; right: 20%; visibility: hidden; padding-bottom: 90px; }


#copyright { position: fixed; z-index: 1000; color: #39c5ff; text-align: right; }


#theme_icon { position: fixed; right: 0px; bottom:0px; width: 20%; text-align:center; }

#grid_icons img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.4; filter: alpha(opacity=40); }
#grid_icons img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; filter: alpha(opacity=100); }

/* Logo / Partner Container */
.logo_container { text-align:center; vertical-align:middle; padding:15px 15px; border:0px solid #cccccc; margin-bottom:10px; }
    .logo_container_bg { background-color:#FFFFFF; border-radius: 15px; }
    .logo_container_inner { position:relative; width:100%; height:100%; }
        .logo_container img { max-height:100%; max-width:100%; margin:auto; position: absolute; top:0; left:0; bottom:0; right:0; }



/***********************************************************************

	Corrections

************************************************************************/
/* Bootstrap - no Gutter */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
/* Bootstrap - no outer Gutter */
.no-outer-gutter { margin-left:-15px; margin-right:-15px; }

/* Google Maps move up */
.gmaps { position:relative; top:-3px;}

.special div div ul { margin-bottom: 0px; }



/***********************************************************************

	xs

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

    .navbar-default { background-color: #39c5ff; border-color: #FFFFFF; }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active { border-color: #FFFFFF; background-color: #39c5ff; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }
    .navbar { border: 0px; }
    ul.nav { background-color: #FFFFFF }
    .navbar-nav { margin: 0px -15px; }
    .navbar-collapse { border-top: 0px; }
    .navbar-brand {
        margin:0px;
        padding-top:6px !important;
        padding-bottom:0px !important;
        font-size:0px;
        line-height:0px;
        position:absolute !important;
        width:75% !important;
        min-width:180px !important;
        max-width:270px !important;
    }
    .navbar-default .nav > li { border-bottom: 1px solid #BBBBBB; }
    .navbar .sel { color: #000000 !important; font-family: 'MontserratBold'; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: none;  }
    .navbar li a { font-size: 16px; height: 48px; }

    * { font-size: 16px; line-height: 22px; }
    h1 { font-size:28px; line-height:31px; margin-bottom: 8px; }
    h2 { font-size:20px; line-height:23px; margin-bottom: 16px; }
    .quote { font-size: 16px; }
    #content { position:relative; top:0px !important; left: 0px !important; right: 0px; margin-bottom: 0px !important; visibility: visible; padding: 15px 15px 40px 15px; }
    #theme_icon { display:none; }
    .social_media_container_inner { text-align: center; }
    #wpadminbar { position: fixed !important; }

    .logo_container { height:94px; padding:15px 15px; }
        .logo {  max-width:110px; }

	#alle_tv_folgen_sara_machts {
		background: rgba(255, 255, 255, 0.4);; border-radius: 10px; text-align:center; height:52px; margin: 0px 15px 0px 15px; cursor:pointer;
	}
	#alle_tv_folgen_sara_machts img { margin-top:4px; }
	#xs_bottom_spacer { height:100px; }

    #copyright { position: relative; top: -2px; left: 15px; }
    #copyright,
    #copyright * { font-size: 12px; line-height: 15px; }

}
/***********************************************************************

	sm

************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
    * { font-size: 12px; line-height: 20px; }
    h1 { font-size:32px; line-height:35px; margin-bottom: 10px; }
    h2 { font-size:18px; line-height:21px; margin-bottom: 8px; }
    .quote { font-size: 16px; }
    #theme_icon { width: 16%; }
    .social_media_container_inner { text-align: center; }
    #content { right: 16%; padding-bottom: 40px; }
    #grid_icons { width: 100%; }

    .logo_container { height:90px; }

    #copyright { bottom: 10px; right: 10px; font-size: 10px; line-height: 13px; }
}
/***********************************************************************

    md

************************************************************************/
@media (min-width: 992px) and (max-width: 1499px) {
    * { font-size: 14px; line-height: 22px; }
    h1 { font-size:36px; line-height:39px; margin-bottom: 12px; }
    h2 { font-size:22px; line-height:33px; margin-bottom: 10px; }
    .quote { font-size: 18px; }
    #theme_icon { width: 18%; }
    #content { right: 18%; padding-bottom: 50px; }
    #grid_icons { width: 80%; position:relative; left:-5px; }

    .logo_container { height:114px; }

    #copyright { bottom: 18px; right: 18px; font-size: 12px; line-height: 15px; }
}
/***********************************************************************

    lg

************************************************************************/
@media (min-width: 1500px) {
    * { font-size: 16px; line-height: 26px; }
    h1 { font-size:40px; line-height:43px; margin-bottom: 16px; }
    h2 { font-size:26px; line-height:33px; margin-bottom: 14px; }
    .quote { font-size: 20px; }
    #grid_icons { width: 50%; position:relative; left:-5px; }

    .logo_container { height:130px; }

    #copyright { bottom: 20px; right: 20px; font-size: 13px; line-height: 16px; }
}



/***********************************************************************

	Remove Focus from Links

************************************************************************/
a:hover, a:active, a:focus { outline:0 !important; }




/***********************************************************************

	Gallery

************************************************************************/
	.ngg-gallery-thumbnail-box { padding:0 1% 1% 0 !important; font-size: 0px !important; line-height: 0px !important; }
		.ngg-gallery-thumbnail { margin-right:0px !important; overflow:hidden !important; font-size: 0px !important; line-height: 0px !important; }
            .ngg-gallery-thumbnail a { font-size: 0px !important; line-height: 0px !important; }
			.ngg-gallery-thumbnail img { border:0px !important; background-color:transparent !important; margin:0px !important; padding:0px !important; }
		.ngg-add-gallery-title { bottom:0px; text-align:center; }


/***********************************************************************

	xs

************************************************************************/
@media (max-width: 767px){
	.ngg-gallery-thumbnail-box { width:50% !important; }
}
/***********************************************************************

	sm

************************************************************************/
@media (min-width: 768px) {
	.ngg-gallery-thumbnail-box { width:33.3% !important; }
}





























/***********************************************************************

    Team

************************************************************************/

.team_container {
    position:relative;
}

/* Set Distances and place a thin border line on top of the table */
.team {
    position:relative;
    float:none;
    padding-top:0px; margin-bottom:30px;
    border-top:1px dashed #CCCCCC;
    clear:both;
}

/* Name */
.team h2 {
    margin-top:12px;
    margin-bottom:12px;
}

/* Reduce height of last DIv */
div.team_container table tr:last-child td div.news {
    padding-bottom:0px;
}

/* Define Thumbnail - Standard */
.team .thumbnail {
    display:inline-block !important;
    padding:0px;
    margin:0px;
    border:0px;
    float:right;
    width:40%;
    padding-left:20px;
    padding-bottom:30px;
    background: transparent;
}


/* No Border on image */
.team .thumbnail img {
    border:0px;
}


/* Define Thumbnail - xs */
@media (max-width: 767px){
    .team {
        border:0px;
        margin-bottom: 66px;
    }
    .team .thumbnail {
        float:none;
        width:100%;
        padding: 0px 0px 10px 0px;
    }
    .team .thumbnail img {
        width:100%;
        height:auto;
    }
}


/* Define Thumbnail - md */
@media (min-width: 992px) and (max-width: 1499px) {
    .team .thumbnail img {
        width:100%;
        height:auto;
    }
}