/* start of root css */
        :root {
            --primary:  #fcf9f9;
            --dark: #8A3860;
            --light: #fff;
            --shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        }
        /* end of root css */

        /* Start of boxes css  */
        .boxes {
            display: grid;
            grid-gap: 10px;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            margin-bottom: 0.5rem;
        }
        /* End of boxes css  */
		
		#sidebar .button {
		margin: 1em 0em 1em 0em;
		}
		
		section, article{
		margin-bottom: 2px; 
		}

        /* Start of box css  */
        .box {
            background:  #fcf9f9;
            text-align: left;
            padding: 3rem 3rem;
            box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        }

        

         /* Start of box2 css  */
         .box2 {
            background:  #fcf9f9;
            text-align: center;
            padding: 1.5rem 2rem;
            box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
            font-size: 13px; 
            height: 450px; 
          }


         .box2 img {
                padding: 1rem; 
                width: 50%; 
            }

        /* End of box and box2 css  */

        /* Start of btn css  */
        .btn {
            background: #8A3860;
            color: #fff;
            padding: 0.8rem 1.3rem;
            text-decoration: none;
            border: 0;
			margin-left: 1rem; 
			margin-top: 5px;

        }
        /* End of btn css  */

        .button2 {
            background: #8A3860;
            color: #fff;
            padding: 0.6rem 1.3rem;
            text-decoration: none;
            border: 0;
        }

        /* Start of Info CSS */
        /*   grid-template-columns: repeat(2, 1fr) are 2 columns 1 fractionals  */
        .info {
            background:  #fcf9f9;
            box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
            display: grid;
            grid-gap: 30px;
            grid-template-columns: repeat(1, 2fr);
            padding: .4rem;
            font-size: 13px; 
        }

         .one-half-bumper-container {
            display: grid;
            grid-gap: 20px;
            grid-template-columns: repeat(auto-fit, minmax(100px, 2fr));
            margin-bottom: 1rem;
            font-size: 13px; 
        }

        .info2 {
            background: var(--primary);
            box-shadow: var(--shadow);
            grid-gap: 10px;
            padding: 1rem;
        }

        .info .btn {
            display: block;
            text-align: center;
            margin: auto;
        }
        /* End of Info CSS */

        /* Start CSS for Small */
        .small ul {
            display: grid;
            grid-gap: 20px;
            padding: 0px;
            list-style: none;
            grid-template-columns: repeat(4, 1fr);
        }

   
        .small a {
            background: var(--dark);
            color: var(--light);
            display: block;
            text-decoration: none;
            padding: 0.4rem;
            text-align: center;
            text-transform: uppercase;
            font-size: 1rem;
            box-shadow: var(--shadow);
            height: 50px;
        }

        .small a:hover {
                background: var(--light);
                color: var(--dark);
            }
        /* End CSS for Small */

        /* .right{
         margin-top: 50px;
        }

        #wrap{
            width:100%;
            margin:0 auto;
        } */


		/* button for more events */
        .button {
            padding: 0.5rem; 
            width: 100%; 
            height: auto; 
            text-align: center;
            margin-right: 3rem; 
        }


        .director{
            width: 50px important!; 
            height: 50% important!; 
        }

        .sidebarSubLinks2{
           font-size: 12px;
        }

        /* Start CSS for dark */
        .dark {
            padding: 15px;
            background: #35424a;
            color: #ffffff;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .dark a:link {
                color: yellow;
            }

            .dark a:hover {
                color: white;
            }
        /* End CSS for dark */

          .white {
            background: #fff;
            padding: 1rem;
            border-radius: 25px;
            box-shadow: 0 1px 5px rgba(104, 104, 104, 0.9);
        }

        /*Media Queries for the page */
        @media(max-width: 700px) {
            .info {
                background: var(--primary);
                box-shadow: var(--shadow);
                display: grid;
                grid-gap: 20px;
                grid-template-columns: repeat(1, 1fr);
                padding: 1rem;
            }
        }
        /* Media Queries end for the page */

        .caption{
		  font-size: 11px; 
		}
		
	    .contact{
		  font-size: 12px; 
		}
        
    iframe{
        width: 100%; 
    }
	
	  /* style for hoverable boxes 6/4/2019 */
		 .bg-img{
			width:100%;
			height:150px;
			background:#cdb464; 
		}
		.box-img{
			width:100%;
			padding:2%;
			-o-object-fit:contain;
			object-fit:contain;
			mix-blend-mode:undefined;
			cursor:pointer;
			vertical-align:top;
			margin-right:30px;
			margin-bottom:-14px;
			
		}
		 .box-img figure{
			position:relative;
			display:inline-block;
			width:100%
		}
		 .box-img figure:hover .actions{
			background-color:var(--dark);
			top:0%;
			font-weight:bold;
			padding-top:4%;
			padding-left:6%
		}
		.box-img figure:hover .actions .style-text{
			overflow:hidden
		}
		.box-img figure .actions{
			display:table-cell;
			position:absolute;
			bottom:0px;
			top:66%;
			left:0;
			right:0;
			z-index:1;
			background-color: var(--dark);
			-ms-transition:all 0.2s ease-out;
			-webkit-transition:all 0.2s ease-out;
			-moz-transition:all 0.2s ease-out;
			-o-transition:all 0.2s ease-out;
			transition:all 0.2s ease-out;
			color:white;
			padding:2%;
			font-weight:bold;
			text-align:center;
			vertical-align:middle
		}
		.box-img figure .actions .style-text{
			overflow:hidden;
			height:84%;
			width:80%;
			opacity:unset;
			font-weight:900;
		}
		
		h3 {
			line-height: 1em;
			text-transform: uppercase;
			font-family: "Fjalla One",sans-serif;
			font-weight: 150;
			color:white;
		}

        #main h3 { 
		  padding: 0px;
		  font-size: 1.1rem; 
		}
        
		.boxmodal{
		    text-align: center;
		}
		 .boxmodal img {
                width: 100%; 
            }
			
	    .btn btn-default{
		
		}
		
	
/* Added timeline process step 6/5/2019 */
      .bs-wizard {margin-top: 40px;}

      /*Form Wizard*/
      .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 20px 3rem;}
      .bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
      .bs-wizard > .bs-wizard-step + .bs-wizard-step {}
      .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 12px; margin-bottom: 5px;}
      .bs-wizard > .bs-wizard-step .bs-wizard-info {color: black; font-size: 11px;}
      .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: var(--dark);; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
      .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: var(--light); border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
      .bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
      .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: var(--dark);}
      .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
      .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
      .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
      .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
      .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
      .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
      .bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
      .bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
      .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
	  
	  	.col-xs-3 {
		width: 14.2%;
		}
		
		.bs-wizard-info{
		padding: 8px; 
		text-align: center; 
		}
	

	  
      /*END Form Wizard*/