/*
 Theme Name:   bootstrap child
 Theme URI:    
 Description:  Bootstrap Child Theme
 Author:       rr
 Author URI:   
 Template:     bootstrapwp
 Version:      0.1
 Tags:         responsive-layout
 Text Domain:  bootstrapwp-child
*/

@import url("../bootstrapwp/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/*inhalte die nur fuer douglas_de oder douglas_it sind verstecken*/
.douglas_de-show_banner {
display: none !important;
}
.douglas_it-show_banner {
display: none !important;
}

/* Styles für Quiz -Result Table*/

.table-rounded, table.quizresults  {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

table.quizresults tr:nth-child(odd) {
    background-color: #ededed;
}
table.quizresults tr:nth-child(even) {
    background-color: #fff;
}

table.quizresults { border-radius: 4px; margin: 10px 0 30px; border-spacing: 0; border-collapse: separate; }

table.quizresults td, table.separate th {  padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ddd; }
table.quizresults th { background: #ddd; color: white; }

table.quizresults tr:last-child td:first-child {
    border-bottom-left-radius:4px;
}

table.quizresults tr:last-child td:last-child {
    border-bottom-right-radius:4px;
}

table.quizresults tr th:first-child,
table.quizresults tr td:first-child {
    border-left: 1px solid #ddd;
}

table.quizresults tr:first-child th,
table.quizresults tr:first-child td {
    border-top: 1px solid #ddd;
}

table.quizresults tr:first-child th:first-child,
table.quizresults tr:first-child td:first-child {
    border-top-left-radius:4px
}

table.quizresults tr:first-child th:last-child,
table.quizresults tr:first-child td:last-child {
    border-top-right-radius:4px
}

.marker1, .marker0 {
    /*width:10px;
    height:10px;
    order:1px solid #930;
    background-color:red;
    margin-left:2px;*/
    color: #9e1b34; /*#d40000;*/
    padding: 10px;
    text-align:center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.marker0 {
	color:#CCC;
}


.marker1:before ,
.marker0:before  {
    content: "\f0a3";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 130%;


    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* CUSTOM STYLES ATSCHAK */

/* Styles Button GREY */

.btn-grey, a.zertifikat_button
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background: #585858; /* Old browsers */
    background: -moz-linear-gradient(top, #585858 0%, #3d3d3d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#3d3d3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #585858 0%,#3d3d3d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #585858 0%,#3d3d3d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #585858 0%,#3d3d3d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #585858 0%,#3d3d3d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */
    color: white;
    text-align: center;
    display:inline-block;
    padding: 5px 10px;
    border: 1px solid #3d3d3d;
}

.btn-grey:hover, a.zertifikat_button:hover
{

		text-decoration:none;
    background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4e4e4e 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4e4e4e 0%,#333333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4e4e4e 0%,#333333 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4e4e4e 0%,#333333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
    border: 1px solid #333333;
}

a.zertifikat_button {font-size: 90%;}

a.zertifikat_button:before
{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 0 7px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f019";
}



/* ---- Zertifikatseite ----*/
.btn-grey, .zertifikat_row  a.zertifikat_button
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    background: #585858; /* Old browsers */
    background: -moz-linear-gradient(top, #585858 0%, #3d3d3d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#3d3d3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #585858 0%,#3d3d3d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #585858 0%,#3d3d3d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #585858 0%,#3d3d3d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #585858 0%,#3d3d3d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */
    color: white;
    text-align: center;
    display:inline-block;
    padding: 5px 10px;
    border: 1px solid #3d3d3d;
}

.btn-grey:hover, .zertifikat_row  a.zertifikat_button:hover
{


    background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4e4e4e 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4e4e4e 0%,#333333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4e4e4e 0%,#333333 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4e4e4e 0%,#333333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
    border: 1px solid #333333;
}



.zertifikat_row a.zertifikat_button:before
{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 0 7px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f019";
}


.zertifikat_row {margin-bottom: 5px; background-color: #ededed; padding: 20px;}

.zertifikat_row h5 {margin:0 0 10px 0;}
.zertifikat_row span { display:block;}

.zertifikat_medium {text-align:left; margin-top: 10px;}
.zertifikat_medium  a.zertifikat_button {font-size: 90%;}

/* ----- JW Player Linefix ----- */
.jwplayer span {margin-bottom:-1px !important;}

/* ----- Learn Dash Width Fix ----- */
.wpProQuiz_listItem {width: 100%;}


/* ----- Travel Retail only ----- */
.travelretail-only {
	display: none !important;
}

/* ----- BX only ----- */
.bx-only {
	display: none !important;
}


/* ----- Loyalty Program Extensions */

#loyalty_topalert {
	display:none;
	background-color:black;
	color:white;
	padding:4px 4px 8px 4px;
	font-size:16px;
}

#loyalty_topalert table {
	width: 100% !important;
	max-width: 1170px !important;
	margin:auto;
}

#loyalty_topalert table td:first-child {
	padding-right:20px;
}


/* ----- Quiz Add-ons (GS 2017) ----- */

#quizprogress0301 {
	width:1170px;
	height:390px;
	background-image:url(/Media/mbmt/time00.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	color:#c8102e;
	font-size:40px;
	line-height:100px;
	text-align:center;
	padding-bottom:0;
}

/* ----- Quiz FSLX URS (GS 2017) ----- */

#enmei {
	background-image:url(/shiseido-skincare_uk_en/wp-content/uploads/sites/2/2017/08/bg-learndash-fslx.jpg);
	background-size:cover; 
	background-position:50% 50%;
}

#enmei canvas {
	opacity:.1;
}

#enmei .progress {
	position:absolute;
	left:0; top:4px;
	width:100%;
	height:28px;
	background:none;
	padding:0 5%;
}
#enmei .progress>div {
	height:20px;
	margin:0;
	width:10%;
	float:left;
}
#enmei .progress>div>div {
	background-color:#957a40;
	margin:1px 2px;
	border:2px solid #b6a672;
	text-align:center;
	color:white;
	font-weight:bold;
	opacity:0.3;
}
#enmei .progress>div>div.active {
	opacity:.9;
}

/* Videoplayerstyles */
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-inner:hover .mejs-controls  {
margin-left: 0 !important;
}
.wp-video:hover .mejs-container .mejs-controls { display: block; visibility: visible; }
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/*Chrome image fix*/
img{image-rendering: auto;image-rendering: -webkit-optimize-contrast;}

/*Text display*/
body {text-rendering: optimizeLegibility;}

/*hidden input field*/
.wppb-input-hidden {display:none;}