@media (min-width:768px){.container{width:750px !important;}
}
@media (min-width:992px){.container{width:970px !important;}
}
@media (min-width:1200px){.container{width:1170px !important;}
}
@media (min-width:1400px){.container{width:1370px !important;}
}
@media (min-width:1500px){.container{width: 1470px !important;}
}
@media (min-width:1600px){.container{max-width: 1570px !important;}
}

.extranav{width: 100%; padding-left:0;list-style:none;background-color:rgba(76 , 158, 155, 1);}
.gallerybg{width: 100%; padding-left:0;list-style:none;background-color:#424242;}
.nav{font-family:BankGothic Md BT, 'Oswald', sans-serif;font-size:14px;margin-bottom:0;padding-left:0;list-style:none;background-color:rgba(76 , 158, 155, 1);}
.nav > li{position:relative;display:block;}
.nav > li > a{position:relative;display:block;padding:12px 14px;color:white;text-shadow:1px 1px #000;}
.nav > li > a:hover,
.nav > li > a:focus{text-decoration:none;background-color:#424242;color:white;}
.nav > li.disabled > a{color:#999999;}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus{color:#999999;text-decoration:none;background-color:transparent;cursor:not-allowed;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{background-color:#7fb8e5;}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.nav-tabs{border-bottom:1px solid rgba(76 , 158, 155, 1);}
.nav-tabs > li{float:left;margin-bottom:-1px;}
.nav-tabs > li > a{line-height:1.428571429;border:1px solid transparent;}
.nav-tabs > li > a:hover, .dropdown-item:hover{background-color:#424242;text-shadow:none; color: #fff;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{border-bottom-color:transparent;text-shadow:1px #fff;}
.nav-tabs .nav-link {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    color: rgba(255,255,255,1) !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent !important;
    color: rgba(255,255,255,1) !important;
}
.nav-tabs .nav-item {
    margin-top: -8px !important;
    margin-bottom: -9px !important;
/*    margin-right: 4px;*/
}
li.nav-item.active {
    color: #ffffff;
/*    background-color: rgba(230 , 230, 230, 0.50);*/
    background-color: #424242;
}
a#navbarDropdown:focus {
    color: #000 !important;
    font-weight: 100;
    text-shadow: none;
}

a#navbarDropdown:active {
    color: #fff !important;
    background-color: #424242;
    font-weight: 100;
    text-shadow: none;
}

.navbar {
    margin-left: -35px;
}
.indexright{margin:15px 0 10px;padding:0;text-align:right;}
.topper{background-color:#f77d18;line-height:2px; margin-left: -15px; margin-right: -15px;}
.rowbot{padding-left:1px;display:inline-block;text-align:right;}
.fluidfoot{color:#fff;background-color:#424242;text-align:center;padding:1.2em 0;font-size: .9em; word-break: break-all; }
.fluidfoot a{color:#fff;}
.connectw a:hover{color:rgba(76 , 158, 155, 1);}
.fluidfoot ul{list-style:none;text-align:left;display:block;margin:0 0 10px 0;padding:0;}
.fluidfoot .container{left:30px;}
.fluidfoot h3{font-family:'Bitter', serif;font-weight:bold;text-align:left;font-size:1.3em; margin-top: 1.5em; position: relative; z-index: 2000;}
.midtextbg{}
.pagetext, .canvaspagetext{text-align:justify;padding-top:25px;font-size:1.5em;font-family:'Bitter', serif;}
@media (max-width:640px){.pagetext, .canvaspagetext{font-size:14px;}
}
.tutPageDesc{margin:25px auto auto auto;}
@media (max-width:640px){.fluidfoot{font-size:11px;}
}
@media (max-width:640px){.fluidfoot h3{font-size:13px;}
}
@media (max-width:1200px){.nav{font-size:12px;}
}
.headpad{padding-top:2px;}

.gallerywrapper{
    margin-top:2.5em;
    margin-bottom: 5em;
}
.gallery-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(50, 50, 50, 0.65);
/*    background: rgba(80, 80, 80, 0.75);*/
    width: 100%;
}
.galleryIcon {
    color: #333;
    -webkit-text-stroke: 1px #fff;
}
.carousel-item{
    max-height: 534px;
    object-fit: cover;
}
body{background-color:#fff;font-family:'Bitter', serif;}
.footerad{padding:10px 0px;}
.btnpadding{padding-top:30px;margin-bottom:60px;}
.comment{color:#999999;font-style:italic;}
.pre{color:#000099;}
.string{color:#009900;}
.char{color:#009900;}
.float{color:#996600;}
.int{color:#999900;}
.bool{color:#000000;font-weight:bold;}
.type{color:#FF6633;}
.flow{color:#FF0000;}
.keyword{color:#990000;}
.operator{color:#663300;font-weight:bold;}
.operator{color:#663300;font-weight:bold;}
.videowrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.searchbar{padding: 20px 0;}
.slicknav_menu{display:none;}
@media screen and (max-width:40em){#menu{display:none;}
.slicknav_menu{display:block;}
}
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:0.438em 0.625em 0.438em 0.625em;line-height:1.125em;cursor:pointer;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:0.188em;}
.slicknav_menu{*zoom:1;}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;}
.slicknav_menu .slicknav_icon{float:left;margin:0.188em 0 0 0.438em;}
.slicknav_menu .slicknav_no-text{margin:0;}
.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:0.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
.slicknav_menu:before{content:" ";display:table;}
.slicknav_menu:after{content:" ";display:table;clear:both;}
.slicknav_nav{clear:both;}
.slicknav_nav ul{display:block;}
.slicknav_nav li{display:block;}
.slicknav_nav .slicknav_arrow{font-size:0.8em;margin:0 0 0 0.4em;}
.slicknav_nav .slicknav_item{cursor:pointer;}
.slicknav_nav .slicknav_item a{display:inline;}
.slicknav_nav .slicknav_row{display:block;}
.slicknav_nav a{display:block;}
.slicknav_nav .slicknav_parent-link a{display:inline;}
.slicknav_brand{float:left;}
.slicknav_menu{font-size:16px;box-sizing:border-box;background:rgba(76 , 158, 155, 1);padding:5px;}
.slicknav_menu *{box-sizing:border-box;}
.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;text-shadow:0 1px 3px #000;}
.slicknav_menu .slicknav_icon-bar{text-shadow:0 1px 3px #000;background-color:#fff;}
.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:transparent;}
.slicknav_nav{color:#fff;margin:0;padding:0;font-size:0.875em;list-style:none;overflow:hidden;}
.slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px;}
.slicknav_nav .slicknav_row{padding:5px 5px;margin:2px 5px;}
.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#424242;color:#fff;}
.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff;}
.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#424242;color:#fff;}
.slicknav_nav .slicknav_txtnode{margin-left:15px;}
.slicknav_nav .slicknav_item a{padding:0;margin:0;}
.slicknav_nav .slicknav_parent-link a{padding:0;margin:0;}
.slicknav_brand{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px;}
@media (min-width:750px){
    #newsletter{display: block; position:fixed;right:-33px;bottom:55px;-webkit-transform:rotate(-90deg);}
    #newsletter > button{background:#0078ae;color:#fff;width:5em;}
    .smallHide { display: block; }
}
@media (max-width:749px){
    #newsletter, .smallHide{ display: none; }
}

#subscribeConfirm{height:50px;width:500px;font-size:18px;position:fixed;top:100px;left:33.3%;display:none;}
#frontPageNew{background-color:rgba(254, 254, 254, 1);-webkit-box-shadow:0 0 5px #ccc;box-shadow:5px 5px 15px #000;border:none;font-family:'Bitter', serif;
/*    max-width:400px;*/
}
@media (max-width:991px){#frontPageNew{background:none;-webkit-box-shadow:none;box-shadow:none;max-width:100%;}
}
#frontPageNew > .text-primary{color:rgba(76 , 158, 155, 1);font-family:'Bitter', serif;font-weight:bold;}
#frontPageLatest > a{background-color:#fff;border:none;}
#frontPageLatest > a:hover{background-color:rgba(76 , 158, 155, 1);}
.homeTutInfo{background-color:rgba(230 , 230, 230, 0.80);-webkit-box-shadow:0 0 5px #ccc;box-shadow:5px 5px 15px #606060;width:100%;margin-bottom:2rem;max-width:250px;max-height:200px;min-height:200px;min-height:200px;position:relative;margin:15px auto;border:0;display:block;border-radius:70px;}
.pageLogo{box-shadow:5px 5px 15px #222;-webkit-box-shadow:5px 5px 15px #222;}
.homeTutInfo > a > img{max-width:200px;max-height:200px;min-height:200px;min-height:200px;padding:20px;}
.homeTutInfo:hover{-webkit-box-shadow:0 0 5px #ccc;box-shadow:-5px 5px 15px #606060;cursor:pointer;}
.homeTutInfo2nd{margin-top:-25px;}
.homeText{display:block;padding-left:10px;padding-right:10px;font-size:2.5em;position:absolute;font-family:'Bitter', serif;margin:10px 15px 0 15px;}
.homeTutBtn{padding:10px;margin-top:10px;background-color:rgba(230 , 230, 230, 0.50);max-height:42px;font-size:1em;color:#424242;}
.homeText2{display:block;font-size:1.3em;font-family:'Bitter', serif;max-width:300px;max-height:200px;min-height:100px;min-height:150px;margin:15px auto;color:#fff;}
.bx-wrapper{max-width:900px;}
.fa-rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.frontMid{background:rgba(76 , 158, 155, 1);padding-top:35px;}
.list-group-item{font-family:'Bitter', serif;}
.list-group a:nth-of-type(odd):hover{background-color:rgba(76 , 158, 155, 1);}
.list-group a:nth-of-type(even):hover{background-color:rgba(76 , 158, 155, 1);}
.midPgBg a.list-group-item-override:hover,
.midPgBg a.list-group-item-override:focus,
.midPgBg a.list-group-item-override:hover .list-group-item-heading,
.midPgBg a.list-group-item-override:focus .list-group-item-heading{text-decoration:none;background-color:#424242;color:#fff;font-weight:bold;}
.allTutList{}
.allTutList > a:nth-of-type(odd){background:#fff;}
.grayBg .allTutList{box-shadow:5px 5px 15px #222;-webkit-box-shadow:5px 5px 15px #222;}
.midPgBg .allTutList,
.midPgBg #allTutorials{box-shadow:5px 5px 15px #666;-webkit-box-shadow:5px 5px 15px #666;}
#loadMore{cursor:pointer; padding: 15px;}
.midPgBg{background:rgba(76 , 158, 155, 1);padding:15px 0 0 0;}
.midPgBg .text-primary-override{color:#fff;font-family:'Bitter', serif;font-weight:bold;text-shadow:1px 1px 1px #333;}
.midPgBg .text-primary-override .btn{text-shadow:none}
.midPgBg .list-group{}
.grayBg{background-color:#424242;padding:30px 0 0 0;}
.grayBg a{color:rgba(136, 218, 215, 1);}
a.list-group-item.list-group-item-override {
    color: #555;
}
.grayBg a.list-group-item-override{color:rgba(76 , 158, 155, 1);}
h4.list-group-item-heading{color: #333; font-size: 15px !important; }
.grayBg .hideshare-btn{
    background-color:rgba(76 , 158, 155, 0);
    font-family:'Bitter', serif;
    padding:10px 15px;
    margin: 0;
    color:#fff;
    width:auto;
    max-width:300px;
    max-height:45px;
}

.grayBg .hideshare-btn:hover{
    background-color:rgba(76 , 158, 155, 0);
    color: rgba(76 , 158, 155, 1)
}

.hideshare-wrap {
    margin: 0;
    position: relative;
    display: inline;
    z-index: 1000;
}

.hideshare-wrap .hideshare-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 300px;
    list-style: none;
    text-align: center;
}

.hideshare-list .shown {
    left: 500px!important;
    right: -210px!important;
    display: inline!important;
    top: 0px!important;
}
.grayBg a.list-group-item-override:hover,
.grayBg a.list-group-item-override:focus,
.grayBg a.list-group-item-override:hover .list-group-item-heading,
.grayBg a.list-group-item-override:focus .list-group-item-heading,
.grayBg .list-group-item-heading:hover{background-color:rgba(76 , 158, 155, 1);color:#fff;}
.grayBg .text-primary-override, h2.text-primary-override{color:#fff;font-family:'Bitter', serif !important;font-weight:bold;}
#menu{font-family:'Bitter', serif;}
.grayBg .text-secondary-override, .midPgBg .text-secondary-override, .grayBG .text-secondary-override h3{color:#fff;font-size:1.05em !important;font-family:'Bitter', serif;font-weight:normal;text-shadow:1px 1px 2px #666;margin-bottom:35px;}
.grayBg .text-secondary-override code, .grayBg .text-secondary-override pre,.grayBg pre, .grayBg table{text-shadow:none;font-weight:normal;}
.keyword{color:#a151d2;}
.midPgBg .btn{background-color:#fff;;font-family:'Bitter', serif;font-weight:bold;padding:10px;border-radius:7px;color:rgba(76 , 158, 155, 1);width:auto;max-width:300px;max-height:45px;}
.midPgBg .btn:hover{background-color:#0078ae;color:#fff;}

.btn-primary-override{background-color:rgba(76 , 158, 155, 1);font-family:'Bitter', serif;font-weight:bold;padding:10px;border-radius:7px;color:#fff;width:auto;max-width:300px;max-height:45px;}
.btn-primary-override:hover{background-color:#0078ae;color:#fff;}

.midPgBg .ui-accordion .ui-accordion-header, .midPgBg .ui-state-active{background-color:#424242;background:#424242;font-family:'Bitter', serif;padding:15px 25px;border-radius:7px;color:#fff;}
.midPgBg .ui-accordion .ui-accordion-header:hover{background-color:rgba(66, 66, 66, 0.25) !important;}
.text-secondary-override th.info{color:#fff;background-color:#424242 !important;}
.text-secondary-override tr{color:#666;background-color:#fff !important;text-shadow:none;font-size:0.75em;}
.pageToTop .btn{z-index: 1000; position: relative; font-size:2em;margin-bottom:-45px;width:55px;max-width:75px;height:45px;padding:0;background-color:#424242;color:#fff;}
.pageToTop .btn:hover{background-color:#424242;color:rgba(76 , 158, 155, 1);}
.pageToMiddle .btn{font-size:2em;margin-top:-55px;width:55px;max-width:75px;height:45px;padding:0;background-color:#424242;color:#fff;}
.pageToMiddle .btn:hover{background-color:#424242;color:rgba(76 , 158, 155, 1);}
#disqusCustom{background-color:#fff;box-shadow:5px 5px 15px #222;-webkit-box-shadow:5px 5px 15px #222;margin:25px 0 10px 0;}
#disqus_thread{padding:25px;}
#videoWrap{background-color:#fff;box-shadow:5px 5px 15px #222;-webkit-box-shadow:5px 5px 15px #222;margin:25px 0 10px 0;padding:15px;}
.latestTutBox{
/*    max-width:600px;*/
    margin-bottom:60px;
}
.connectw li{
    width:20%;
    margin-right: 1.2em !important;
    margin-top: .75em;
}
.row.container{margin-bottom:20px;}
.googAd{margin:40px 0 40px 0; text-align: center;}
.tempLogo{display:none;}
.patronBtn{background-color:hsl(11.9, 50.3%, 51.7%) !important;color:#fff !important;margin-top:50px;}
ul.nav.nav-pills{border:none;}
.footer{text-align:center;padding-top:10px;padding-bottom:2px;color:#000;margin-left:-15px;margin-right:-15px;list-style:none; font-size: .8em;}
.footer a{}


pre.prettyprint {
    padding: 15px;
    border: 1px #fff solid;
    border-radius: 8px;
}

code {
    padding: 0px 6px;
    border-radius: 3px;
    font-size: 1em;
    color: #fff;
    font-family: monospace;
    background-color: #777;
}

/* start raspberry pi icon */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?an325z');
  src:  url('fonts/icomoon.eot?an325z#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?an325z') format('truetype'),
    url('fonts/icomoon.woff?an325z') format('woff'),
    url('fonts/icomoon.svg?an325z#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-raspberry-pi:before {
  content: "\e900";
}

/* end raspberry pi icon */

.card-img-top {
    background-color: rgba(230 , 230, 230, 0.70);
/*    padding: 1em 3em;*/
}

.card-img-top img{
    max-width:250px;max-height:250px;min-height:250px;min-height:250px;
    padding: 2em;
    margin: auto;
    display: block;
}

.card {
    -webkit-box-shadow:0 0 5px #ccc;box-shadow:5px 5px 15px #606060;
    margin: auto;
    margin-top: 3em;
}

.secondRowCard {
    margin-top: 3em;
}

.h-90 {
    height: 90%!important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem!important;
    padding-left: 1rem!important;