/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    color:#888888;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

/* user defined */
.DidactGothic {
	font-family: 'Didact Gothic', sans-serif;
}
.Questrial {
	font-family: 'Questrial', sans-serif;
}
.Muli {
	font-family: 'Muli', sans-serif;
}
.Alata {
	font-family: 'Alata', sans-serif;
}
    
      @font-face { 
          font-family: 'Mayeka';
          src: url('../fonts/mayeka/Mayeka_Demi_Bold_Demo.otf'); } 
      @font-face { 
          font-family: Gotham, sans-serif;
          src: url('../fonts/gotham/GothamBook.ttf'); }     
      h1 {
          font-family: Gotham, Muli;
      }   
      h2 {
          font-family: Mayeka, Gotham, Muli;
          text-shadow: 0px 0px 5px white !important; 
          font-size: 2.75em;
      }
      h3{
          font-family: Gotham, Muli; 
      }
      h4{
          font-family: Gotham, Muli; 
      }
      a {
          font-family: Gotham, Muli; 
      }
      p {
         font-family: Gotham, Muli; 
         font-size: medium;
      }
      ul {
         font-family: Gotham, Muli; 
         font-size: medium;
      }
      label {
          font-family: Gotham, Muli; 
      }
    .gotham {
        font-family: Gotham, Muli; 
    }
    .mayeka {
         font-family: Mayeka, Gotham, Muli;
    }
.container {
    position: relative;
}
.container2 {
    width: 100%;
	padding-top: 0px;
}
.right {
    float: right;
    width: 40%;
}

.left {
    overflow: hidden;
}

.column-left {
    float: left;
    width: 43%;
}

.column-right {
    float: right;
    width: 51%;
}

.column-center {
    display: inline-block;
    width: 5%;
}

/* Developer Additions: Styling */

table {
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;
}
th, td {
	padding:4px;
}
table.noborder, table.noborder tr, table.noborder td {
	border: none;
	padding: 0;
}
table.pad6, table.pad6 th, table.pad6 td {
	padding:6px;
}
.labelRow {
	background-color: #98cc42;
}
.labelRow1 {
	background-color: #c5e690;
}
.labelRow2 {
	background-color: #fdd1ae;
}
.labelRow4 {
	background-color:   #f8a280;/*#ff9065; */
}
.labelRow5 {
	background-color:#ffb99f;
}
.labelRow6 {
	background-color: #81baf3;
}
.labelRow7 {
	background-color: #d5cbd9;/*#D1B1DC;*/
}
.labelRow8 {
	background-color: #ffd6aa;/*#f1cabb;*/
}
.labelRow9 {
	background-color: #c9dcef;/*#f1cabb;*/
}
.whiteBkgd {
	background-color: #ffffff;
}
.grayBkgd  {
	background-color: #e8e8e8;
}
.shortTop {
    margin-top: -20px;
}
a.largeBlackLink {
	color: black;
	font-size: Large;
}
a.largeBlackLink :hover {
	color: black;
}
a.largeGreyLink {
	color: #666666;
	font-size: X-Large;
}
a.largeGreyLink :hover {
	color: #666666;
}
a.largeGreyLink :visited {
	color: #666666;
	text-decoration: none;
}

#bidForm {
	width:80%;
	background-color:#d8d8d8;
	padding:8px;
}
.btnAction {
	background-color: #f8a280;
	padding:8px;
}
.btnVisible {
	margin-left:20px;
	margin-top:10px;
}
.italicText {
	font-style:italic;
}
.italicSmallText {
	font-style:italic;
	font-size: small;
}
.italicPurpleText {
	color: purple; 
	font-style:italic;
}
.italicSmallPurpleText {
	font-style:italic;
	font-size: small;
	color: Purple;
}
.italicGreenText {
	font-style:italic;	
	color: #175307;
}
.largeText {
	font-size: Large;	
}
.xlargeText {
	font-size: X-Large;
}
.largeGreyText {
	color: #666666;
	font-size: X-Large;
}
.myrtleGreenText {
	color: #317873;	
}
.purpleText {
	color: Purple;
}
.purpleLargeText {
	color: Purple;
	font-size: large;
}
.redText {
	color: Red;
}
.redLargeText {
	color: Red;
	font-size: large;
}
.greenLargeText {
	color: Green;
	font-size: large;
}

.marginMoveIn15 {
	margin-left:15px;
}
.marginMoveIn {
	margin-left:20px;
}
.marginMoveIn30 {
	margin-left: 30px;
}
.marginMoveIn40 {
	margin-left:40px;
}
.maxWidth350 {
	max-width: 350px;
}
.maxWidth400 {
	max-width: 400px;
}
.maxWidth500 {
	max-width: 500px;
}
.showThis {
	display: '';
}
.hideThis {
	display: none;
}
.deleteText
{
	font-size: small;
	font-style: italic;
	color: Purple;
}

.softGreenBkgd {
	background-color: #d9f3ae;  
}
.softMedgreenBkgd {	
	background-color: #b9e671;
}
.softLTGreenBkgd {
	background-color: #e5f9c4;  
}
.greenButtonBkgd {
	background-color:#B7E48E;
	padding: 5px;
}
.brtGreenButtonBkgd {
	background-color:#98cc42;
	padding: 10px;
	font-size:Large;
	font-weight: bold;
}
.salmonButtonBkgd {
	background-color:#f8a280;
	font-size:Large;
	padding: 10px;
	
}
.ltBlueButtonBkgd {
	background-color:#9ed4e8; /*#81baf3;*/
	padding: 5px;
}
.ltTealButtonBkgd {
	background-color: #9feebc; /*#9ed4e8; #81d4f3*/
	padding: 5px;
	
}
.lavenderButtonBkgd {
	background-color: #a7b2ee;/*#d4c3d9; #d5cbd9; #d1b1dc;   */
	padding: 5px;
	
	
}
.topPadding20 {
	padding-top: 20px;
}

.eventsLgTitle {

	font-size: Large;
	
}
.sectionWhite {
	padding:30px;
	/*background-color: #ffffff;*/
	width:100%;
}
.sectionXltGreen {
	padding:30px;
	background-color: #dfe7cf;
	width:100%;
}

.sectionColor {
	padding:30px;
	background-color: #8c9fa3;
	width:100%;
}
.sectionColorLtGreen {
	padding:30px;
	background-color:#93ab98;
	width:100%;
}
.sectionColorCoral{
	padding:30px;
	background-color: #f3ddcf;
	width:100%;
}
.sectionColorSand {
	padding:20px;
	background-color: #ededd0;
	width:100%;
}
.sectionColorTan {
	padding:30px;
	background-color: #d9cfb6;
	width:100%;
}
.sectionColorPinkSand {
	padding:30px;
	background-color: #e8e3e6;
	width:100%;
}
.sectionLtStlBlue {
	padding:30px;
	background-color: #d1dcde;
	width:100%;
}
.sectionLterBlue {
	padding:30px;
	background-color: #dff1ff;
	width:100%;
}
.sectionLterYellow {
	padding:30px;
	background-color: #fcfced;
	width:100%;
}
.sectionSoftYellow {
	padding:30px;
	background-color:   #fdfee3;
	width:100%;
}
.sectionSoftLav{
    padding:30px;
	background-color: #f9ecff; /*#e7d7ef; */
	width:100%;
}
.sectionColorBrownWood {
	background-color: #f6c79e;
}
.sectionBigPic {
	background-image: url('../images/Canopy Digital Webpage BG 002.jpg'); 
	background-repeat:no-repeat;
    background-size:100% 100%;
    
}
.sectionBigPic h1 { text-shadow: 0px 0px 5px white !important; }
.sectionBigPic h2 { text-shadow: 0px 0px 5px white !important; }
.sectionBigPic h3 { color: black; text-shadow: 0px 0px 5px white !important; }
 img .sectionBigPic{
  opacity: 0.5;
  
}
.sectionFooter {
	padding:8px;
	background-color: #0f75bc;
	color: #ffffff;
	width:100%;
}


.sectionFooter2 {
	padding:8px;
	background-color: #1b037b;/*#244576;*/
	color: #777;
	width:100%;
}
.section2Color {
	padding:30px;
	background-color: #d9af62;/*d9af62 567abb ffd792 #9256bbffe9c3;*/
	width:100%;
}
.section3Color {
	padding:30px;
	background-color: #41b6e6;/*6c58bd#acbfdb;*/
	width:100%;
}
.section4Color {
	padding:30px;
	background-color: #ADA1DF;/* 567abb  #93d8cb;*/
	width:100%;
}
.section6Color {
	padding:30px;
	background-color: #9bb3dd; /*6bf6a3 41b6e6 9256bb c29bdd d9d636#ffe992;*/
	width:100%;
}
.sectionBigPic2 {
	background-image: url('../images/adult-busy-cellphone-1083622.jpg'); 
	background-repeat:no-repeat;
	background-position: center center;
    background-size:cover;
	color: #f1dfbe;
   
}
.sectionBigPic2 h1 { text-shadow: 0px 0px 5px white !important; }
.sectionBigPic2 h2 { text-shadow: 0px 0px 5px white !important; }
.sectionBigPic2 h3 { text-shadow: 0px 0px 5px white !important; }

.sectionBigPic3 {
	background-image: url('../images/Canopy Digital Webpage BG 003.jpg'); 
	background-repeat:no-repeat;
    background-size:100% 100%;
}
.sectionBigPic3 h1 { text-shadow: 0px 0px 5px white !important; }
.sectionBigPic3 h2 { text-shadow: 0px 0px 5px white !important; }
.sectionBigPic3 h3 { text-shadow: 0px 0px 5px white !important; }

.nobottomPadding {
	padding-bottom: 0px;
}

#hasCurrentBids {
	padding: 10px;
	background-color: #fff77d; /*#e5f9c4;*/
}

#canDelete {
	padding: 10px;
	background-color: #fff77d;
}
blockquote {
	background-color: white;
}
    .navbar-default a {
        color:white  !important;
    }
    .navbar-default a:hover {
        background-color:#0f75bc !important;
        color:#fcb040 !important;
    }
    .navbar-custom a {
        color:white !important;
    }
    .navbar-custom a:hover {
        background-color:#0f75bc !important;
        color:#fcb040 !important;
    }
    
    .nav .navbar-nav li a {
     color:white;
    }
    .navbar-toggle .icon-bar {
        color: #fff;
    }
    .cdiherologo {
        margin-top: 40px;
    }