/*
 Theme Name: gb-argent
 Theme URI:
 Description: gb-argent
 Author: Maria Busik
 Author URI: http://www.embition.de/
 Template: argent
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: gb-argent
*/







/* GLOBALES */
/* HEADER */
/* CONTENT */
/* VIDEO */
/* PORTFOLIO */
/* WIDGET AREA FOOTER */
/* Archive, Kategorieseiten */
/* SINGLE */
/* KONFIGURATOR */
/* MEDIA Queries */


/* GLOBALES */
* {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
body,
button,
input,
select,
textarea {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}
.page-title,
.single .entry-title,
h1 {
	font-family: "CopperplateGothicBT-Roman";
	color: #009452;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 0;
}
.front-page-block.portfolio .section-title,
.entry-title,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #009452;
	color: #333;
	letter-spacing: 0.02em;
	line-height: 1.4;
}
.front-page-block.portfolio .section-title, h2 {
    font-size: 2.2rem;
}
h3,
h4,
h5,
h6 {
    font-size: 1.0em;
}
a,
.entry-title a {
    color: #009452;
    text-decoration: none;
}
/*
a:hover,
a:focus,
a:active {
	color: #009452 !important;
}*/
/* 315 = TOP Kollektion */
.postid-315 .entry-content p::first-letter {
    /*font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-family: 'Tangerine', 'Arimo', Helvetica, Arial, sans-serif;
    font-family: 'Rouge Script', 'Arimo', Helvetica, Arial, sans-serif;
    font-family: 'Ruthie', 'Arimo', Helvetica, Arial, sans-serif;
    font-family: 'Lovers Quarrel', 'Arimo', Helvetica, Arial, sans-serif;*/
	font-family: 'Great Vibes', 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 320%;
    line-height: 0;
    margin-left: -30px;
	margin-right: 5px;
    color: #777;
}
@media screen and (min-width: 768px) {
	/* 315 = TOP Kollektion, 14 = Übersichts-Kolletionsseite  */
	.page-id-14 .site-branding,
	.postid-315 .site-branding {
		padding: 7.75em 0;
	}
}

/* teilen */
.shariff-main {
    clear: both;
	padding-top: 2.5em;
}
.ShariffHeadline {
	text-align: center;
	font-weight: bold;
}


/* HEADER */

.main-navigation,
.main-navigation ul ul,
.footer-widget-area,
.site-footer {
    background: #009452;
}
.main-navigation,
.site-branding {
    border-bottom: 5px solid #fff;
}
.main-navigation a {
    font-weight: bold;
}
.main-navigation ul ul a {
    color: rgba(255, 255, 255, 1.0);
    font-size: 1.5rem;
}

.site-title,
.site-footer {
    display: none;
}
.site-branding {
    background-color: #009452;
    padding: 2.5em 0;
}
.logo {
    line-height: 0;
    text-align: center;
    z-index: 0;
}
.logo img {
	max-height: 200px;
}


/* CONTENT */
.site-main {
    margin: 3em 0;
}
.single .entry-header, 
.page-header {
    margin-bottom: 2.5em;
}


/* VIDEO */
.jetpack-video-wrapper iframe.youtube-player {
    width: 960px !important;
    height: 420px !important;
}


/* PORTFOLIO */
.front-page-block.portfolio .section-title {
    margin-top: 1em; 
}
.home .page-content::after {
    content: '';
}
.project-summary {
	background: rgba(23,148,92, 0.9);

}
.project-image {
    background-color: #e2e0d5;
	border: 5px solid #fff;
	height: 310px;
}
.project-title {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
/* topprojekt topkollektion */
#portfolio-wrapper article:first-child .project-summary {
	background: url(/wp-content/themes/gb-argent/images/topkollektion.jpg) center center no-repeat;
	background-size: cover;
	opacity: 0.95;
}
#portfolio-wrapper article:first-child .project-summary:hover {
	opacity: 0.0;
}


/* 404 */
.error404 h2.section-title {
	display: none;
}
.error404 .widget ul > li, .error404 .widget ol > li {
    border-top: none;
}




/* WIDGET AREA FOOTER */
.widget-title {
    text-align: left;
	color: #fff;
}
.footer-widget-area {
	clear: both;
	border-top: 5px solid #fff;
}

/* footer menu */
.widget ul > li {
    border-top: none;
    padding: 0;
}
.widget ul > li a {
	padding-bottom: 0.7em;
    display: block;
}
.widget .textwidget p {
	margin-bottom: 1.4em;
}


/* social menu */
.menu-social-menue-container li a {
	background-position: left top;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 35px;
}
.menu-social-menue-container li.facebook a {
    background-image: url(/wp-content/themes/gb-argent/images/facebook.png);
}
.menu-social-menue-container li.googleplus a {
    background-image: url(/wp-content/themes/gb-argent/images/googleplus.png);
}
.menu-social-menue-container li.linkedin a {
    background-image: url(/wp-content/themes/gb-argent/images/linkedin.png);
}
.menu-social-menue-container li.xing a {
    background-image: url(/wp-content/themes/gb-argent/images/xing.png);
}
.menu-social-menue-container li.productmate a {
    background-image: url(/wp-content/themes/gb-argent/images/productmate.png);
}

/* Archive, Kategorieseiten */
.archive .entry-header {
    display: block;
}
.archive h1.entry-title {
    text-transform: none;
	letter-spacing: .02em;
	line-height: 1.6;
}
.entry-meta {
    text-transform: none;
	letter-spacing: .02em;
	line-height: 2.2;
}
.archive .entry-content {
    margin: 0;
}
.read-more {
	display: none;
}


/* SINGLE */
.single-post .nav-links {
	display: none;
}
.nav-links {
    font-family: "CopperplateGothicBT-Roman";
    font-size: 1.5em;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1;
}
.post-navigation .nav-previous,
.post-navigation .nav-next  {
	max-width: 300px;
}
.post-navigation .nav-previous:before,
.post-navigation .nav-next:before  {
    content: "Bl\00E4 ttern zu";
    margin-right: 0;
	display: block;
}
.post-navigation .nav-next:after {
    content: "";
    margin-left: 0;
}
/* Bilder */
.single-post .entry-content {
    float: none;
    width: auto;
	padding-right: 0;
}
.wp-post-image[src*=".jpg"],
.page-content img[class*="wp-image"],
.page-summary img[src*=".jpg"],
.wp-caption img[class*="wp-image-"],
.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
    border: 5px solid #fff;
}

.attachment-argent-single-thumbnail[src*=".png"],
a.post-thumbnail img[src*=".png"],
.page-content img[src*=".png"] {
    -webkit-filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.3));
    /*filter: url(#drop-shadow); */
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#777')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#777')";
	border: none;
}
.wp-caption-text {
    color: #333;
    font-size: 14px;
    font-size: 1em;
    line-height: 1.4;
    text-align: center;
	font-style: italic;
}
.wp-caption .wp-caption-text {
    margin: 0.5em 0 1.5em 0;
}
.overlay-base_dark .envirabox-wrap .envirabox-title {
    text-align: center !important;
    font-size: 16px !important;
}

/* Single Meta */
.single .byline, .group-blog .byline,
.single:not(.single-jetpack-portfolio) .tags-links {
    display: none !important;
}

/* Ähnliche Beiträge */
#jp-relatedposts h3.jp-relatedposts-headline em:before {
    border-top: none !important;
	margin-bottom: 0 !important;
}
#jp-relatedposts h3.jp-relatedposts-headline {
	float: none !important;
    font-size: 18px !important;
    text-align: center;
    display: block !important;
}
.jp-relatedposts-post-context {
    display: none !important;
}
.jp-relatedposts-post-a img {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: #eee; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0.5em !important;
}

/* unendlich scrollen anzeige */
#infinite-handle, .infinite-loader {
    padding: 0 !important;
}
#infinite-handle span {
    background: transparent !important;
    border: none !important;
    color: #17945c !important;
    cursor: pointer;
    padding: 0 !important;
    font-family: "CopperplateGothicBT-Roman";
    font-size: 1.5em !important;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1;
}
#infinite-handle span button, #infinite-handle span button:focus, #infinite-handle span button:hover {
    height: auto;
}
#infinite-handle span button:focus, 
#infinite-handle span button:hover {
    color: #000 !important;
}

/* Einstellungen für bestimmte Kategorien */
.category-video .attachment-argent-single-thumbnail,
.tag-video .attachment-argent-single-thumbnail {
    display: none;
}

/*
.single-post .hentry {
    width: 960px !important;
}
.single:not(.single-jetpack-portfolio) .entry-meta {
    float: none;
    width: auto;
}
.single .entry-meta .byline {
	display: none;
}
*/







/* KONFIGURATOR */
#lightbox {
    display: none;
    position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/gb-argent/konf/img/1px_shadow.png);
    z-index:20000;
}

#infoLayer {
    width: 400px;
    padding: 20px;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -150px;
    background-color: #fff;
}
#infoLayer #cancel {
    position: absolute;
    right: -8px;
    top: -8px;
}
#step1 {}
#step2 {
    display: none;
}
#auswahl #material, 
#auswahl #form, 
#auswahl #stein {
    padding: 0.5em 0;
}
#auswahl .material, 
#auswahl .form, 
#auswahl .stein {
	display: inline-block;
    height: auto;
    width: 40px;
	margin: 10px 15px 10px 0;
	cursor: pointer;
    /*filter: url(#drop-shadow); 
	-webkit-filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.3));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#777')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#777')";*/
}

#auswahl p  {
	display: inline-block;
    width: 80px;
	margin-bottom: 0;
}
#auswahl p .auswahlwort {
	display: inline-block;
    background: #009452;
    color: #fff;
    padding: 9px 5px;
    width: 50px;
    height: 30px;
    font-size: 11px;
}
#auswahl p .auswahlpfeil {
	display: inline-block;
    position: absolute;
    height: 0;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 20px solid #009452;
    margin-right: 25px;
}

.choice {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-filter: drop-shadow(0px 0px 5px rgba(255,153,0,1.0)) !important;
    /*filter: url(#drop-shadow); */
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=80, Color='#ff9900')" !important;
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=80, Color='#ff9900')" !important;
}
.anzeigentablett {
    background: rgba(255,255,255,0.8);
    padding: 10px 0 10px 20px;
    border: 5px solid #009452;
    height: 280px;
    text-align: center;
    margin: 1em 0;
    border-radius: 3px;
}
#anzeige img {
	-webkit-filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.3));
    /*filter: url(#drop-shadow); */
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#777')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#777')";
}

.error {
    color: #f00;
}

.success {
    color: #0f0;
}

.clearfix {
    clear: both;
}

.band-top {
    top: -22px;
    right: -12px;
    
}
.mailform {
    margin-bottom: 2em;
}
.mailform img {
    -webkit-transform: rotate(358deg) ;
    -moz-transform: rotate(358deg) ;
    -o-transform: rotate(358deg) ;
    margin: -10px 10px -30px 0;
}



/* MEDIA Queries */
@media screen and (min-width: 768px) {

.main-navigation ul ul a {
    width: 300px;
	line-height: 1.2em;
}
.single:not(.single-jetpack-portfolio) .entry-meta {
    float: none;
	width: auto;
	margin-right: 0;
    text-align: right;
}

.single-post .hentry {
    width: 660px;
    margin-right: auto;
    margin-left: auto;
}
.single .entry-meta .posted-on, .single .entry-meta .byline, .single:not(.single-jetpack-portfolio) .cat-links, .single:not(.single-jetpack-portfolio) .tags-links, .single .post-edit-link {
    margin-top: 0;
}

/* ende (min-width: 768px) */
}

@media screen and (min-width: 660px) {
	.attachment-argent-single-thumbnail {
		float: right;
		max-width: 300px;
		margin: 0.2em 0 1.5em 1.5em;
	}
	
	/* konfigurator */
	#auswahl #material, 
	#auswahl #form, 
	#auswahl #stein {
		padding: 1em 0;
	}
	#auswahl .material, 
	#auswahl .form, 
	#auswahl .stein {
		margin: 0 25px 0 0;
		width: 45px;
	}
}

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

	.attachment-argent-single-thumbnail {
		max-width: 420px;
	}
.wp-caption.alignright, img.alignright, blockquote.alignright,
.attachment-argent-single-thumbnail {
    margin-right: -175px;
}

/* ende (min-width: 1060px) */
}


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

#portfolio-wrapper .jetpack-portfolio {
    float: left;
    width: 310px;
    margin-right: 10px;
    margin-bottom: 10px;
}

}