/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 .cp-AdminInfo{font-size: 20px;text-align: center;padding: 20px 0;border: 2px dotted #000;}

.settings_page_gwt-youtube-api .twitch-plugins-upsell {justify-content: center;display: flex; flex-wrap: wrap;max-width: 1000px;margin: 0 auto;}
.settings_page_gwt-youtube-api .twitch-plugins-upsell-item {width: calc(33.3% - 4%);display: inline-flex;flex-direction: column; justify-content: space-between; vertical-align: top; margin: 0 2% 2%;}
.settings_page_gwt-youtube-api .twitch-plugins-upsell-item img {width: 100%; height: auto;}
.settings_page_gwt-youtube-api .twitch-plugins-upsell-item span {display: block;text-align: center;margin: 5px 0;}
.settings_page_gwt-youtube-api .twitch-plugins-upsell-item a {display: block;width: 100%; text-align: center;}
.settings_page_gwt-youtube-api .disabled {cursor: not-allowed;}
.settings_page_gwt-youtube-api .upsell {color: red;}
.settings_page_gwt-youtube-api .twitch_settings_hidden {display: none;}
.settings_page_gwt-youtube-api #twitch-module {max-width: 1240px;margin: 0 auto;}
.l-red{color: red;}

*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.cp-admin__popupyoutube{background-color: rgba(0,0,0,0.5);position: fixed;width: 100%;min-height: 100vh;left: 0;top: 0;display:none;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;  -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
   .cp-admin__popupyoutube.is-active{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
   .cp-admin__popupyoutubeInner{width: 100%;max-width: 800px;height: 500px;position: relative;z-index:3;}
   .cp-admin__instructionYoutube{display:none;height:100%;background-color:#5a1a1a;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
       .cp-admin__instructionYoutube.is-active{display:flex;}
   .cp-admin__instructionYoutubeLeft{width:50%;padding: 20px;}
   .cp-admin__instructionYoutubeLeft h2{font-size:24px;line-height:28px;color:#fff;font-weight:700;text-transform:uppercase;}
   .cp-admin__instructionYoutubeLeft p, .cp-admin__instructionYoutubeLeft p a{font-size: 16px;line-height: 20px;color: #f4f4f4;display:block;}
   .cp-admin__instructionYoutubeLeft p a{display:inline-block;}
   .cp-admin__instructionYoutubeRightt{width:50%;max-height: 100%;overflow: hidden;}
   .cp-admin__instructionYoutubeRightt img{width:100%;}
   .cp-rotatingArrowsYoutube{z-index: 2;width: 100%;position: absolute;height: 40px;max-width: 950px;left: 50%;top: 50%;transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
   .cp-rotatingArrowsYoutube button{cursor: pointer;width: 20px;height: 20px;display: inline-block;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;border: 0;}
   .cp-rotatingArrowsYoutube .l-leftArrowYoutube{background:url('../img/right-arrow.svg') no-repeat;width:20px;height:20px;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
   .cp-rotatingArrowsYoutube .l-rightArrowYoutube{background:url('../img/right-arrow.svg') no-repeat;width:20px;height:20px;}
.js-crossModalYoutube{background:url('../img/cross.png');width: 30px;height: 30px;border: 0; display: inline-block; appearance: none; position: absolute; top: -40px; right: 0;background-size: cover;cursor: pointer;}
.js-background{position: absolute;left: 0;top: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,0.5); z-index: 1;}
.l-instructions{border: 0;background-color: #000;color: #fff;padding: 15px 10px;text-align: center;width: 150px;margin: 0 auto;font-size: 14px;display: block;cursor: pointer;}
.js-adminSave{display: inline-block;background-color: #000; border: 0;color: #fff;font-size: 16px;line-height: 16px;padding: 10px;margin-top: 10px;cursor: pointer;}

/* new css */
body .l--pluginGeneric *{
    font-family: 'DM Sans', sans-serif;
}
.l--pluginGeneric h1{font-size: 30px;line-height: 30px;margin: 0;font-weight: 700;}
.l--pluginGeneric h2{font-size: 24px;line-height: 24px;margin: 0 0 20px;font-weight: 700;color: #fff;}
.l--pluginGeneric h3{font-size: 20px;line-height: 24px;margin: 0 0 20px;font-weight: 700;color: #fff;}
.l--pluginGeneric p,.l--pluginGeneric li{font-size: 16px;line-height: 18px;margin: 0 0 20px;}
.l--pluginGeneric ul{padding:0 0 0 17px;margin: 0;}
.l--pluginGeneric ul li{list-style-type: disc;}
.l-button{background-color: #873030;color: #fff;padding: 20px 40px;text-decoration: none;margin-right: 10px;margin-bottom: 20px;text-transform: uppercase;}
.l--pluginGeneric input[name=submit]{border:0;line-height: 13px!important;background-color: #873030!important;color: #fff!important;padding: 10px 20px!important;text-decoration: none!important;margin-right: 10px!important;margin-top: 10px!important;text-transform: uppercase;}
#wpcontent{padding-left: 0!important;}
.l--flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.l--border{border-bottom: 1px solid #fff;}
.l--textWhite{color: #fff;}

.cp-youtube-plugin-adminHeader.l--pluginGeneric{justify-content: space-between;padding: 20px 80px;background-color: #873030;align-items: center;}
.cp-youtube-plugin-adminIntro.l--pluginGeneric{padding: 40px 80px;background-color: #fff;justify-content: center;align-items: flex-start;}
.cp-youtube-plugin-adminIntro.l--pluginGeneric>div.cp-youtube-plugin-adminIntro__logo{margin-right: 40px;}
.cp-youtube-plugin-adminIntro.l--pluginGeneric *{color:#873030;}
.cp-youtube-plugin-adminIntro.l--pluginGeneric a.l-button{color: #fff;}
.cp-youtube-plugin-adminIntro.l--pluginGeneric img{}

.cp-youtube-plugin-videoSection{justify-content: center;padding: 40px 80px;background-color: #873030;align-items: center;}
    .cp-youtube-plugin-videoSection__text{width: 40%;}
    .cp-youtube-plugin-videoSection__text p{color: #fff;}
    .cp-youtube-plugin-videoSection__video{width: 60%;position: relative;height: 0;padding-bottom: 31.25%;}
    .cp-youtube-plugin-videoSection__video iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

    .cp-youtube-plugin-api-key{justify-content: center;padding: 40px 80px;background-color: #fff;align-items: center;}
.cp-youtube-plugin-api-key *{color:#873030;}

.cp-youtube-plugin-accountDetails{justify-content: center;padding: 40px 80px;background-color: #873030;align-items: center;}
.cp-youtube-plugin-accountDetails *, .cp-youtube-plugin-accountDetails .form-table th{color: #fff;}
.cp-youtube-plugin-accountDetails input[name=submit]{background-color: #fff!important;color: #873030!important;}

.cp-youtube-plugin-liveStream{justify-content: center;padding: 40px 80px;background-color: #fff;align-items: center;}
.cp-youtube-plugin-liveStream *{color:#873030;}

.cp-youtube-plugin-layout{justify-content: center;padding: 40px 80px;background-color: #873030;align-items: center;}
.cp-youtube-plugin-layout *, .cp-youtube-plugin-layout .form-table th{color: #fff;}
.cp-youtube-plugin-layout input[name=submit]{background-color: #fff!important;color: #873030!important;}

.cp-youtube-plugin-layout.l--pluginGeneric select option{background: #000;}

.cp-youtube-plugin-popup{justify-content: center;padding: 40px 80px;background-color: #fff;align-items: center;}
.cp-youtube-plugin-popup *{color:#873030;}

.cp-youtube-plugin-limit{justify-content: center;padding: 40px 80px;background-color: #873030;align-items: center;}
.cp-youtube-plugin-limit *, .cp-youtube-plugin-limit .form-table th{color: #fff;}
.cp-youtube-plugin-limit input[name=submit]{background-color: #fff!important;color: #873030!important;}

.cp-youtube-plugin-additionalpro{justify-content: center;padding: 40px 80px;background-color: #fff;align-items: center;}
.cp-youtube-plugin-additionalpro *{color:#873030;}

.cp-youtube-plugin-shortcode{justify-content: center;padding: 40px 80px;background-color: #873030;align-items: center;}
.cp-youtube-plugin-shortcode *, .cp-youtube-plugin-shortcode .form-table th{color: #fff;}
.cp-youtube-plugin-shortcode ul li{margin-bottom: 10px;font-size: 16px;line-height: 24px;}