/*

blue on logo #2e3695
yello on logo #f5ea0b
magenta #e3088b --- changed to e3088b Fri 11th Nov 



*/
 /** JHS Sat 11 2023 /** JHS Sat 11 2023 //** JHS Sat 11 2023 /** JHS Sat 11 2023  text over section image links 2023 showcase**/

a {
    color: #e3088b;
}

 #animations h1 {  font-size: 3em; text-align: center;}
 .imgtext {
    
    z-index: 0; }
    
    .text-over-img {
    z-index:1;
    font-size: 3em;
    margin-top: -200px;
    margin-bottom:200px;
    color:#fff;
    text-shadow: 2px 2px 10px #000;
    text-align: center;

    }
.text-over-img-industry {
       z-index:1;
    font-size: 3em;
    margin-top: -300px;
    margin-bottom:200px;
    color:#fff;
	text-shadow: 5px 5px #f86231;
	text-align: center;
}
    .text-over-img-industry a{
        color:#fff;
        }

 .text-over-img a{
        color:#fff;
        }
    
        /**2024 industry page jumbotron april**/        
.bgimageIND24{background-image: url(images/INdweekBanner.jpg);
    background-repeat: no-repeat; background-position: center top;
background-size: 100%;}
.divide {color:#e3088b; }
.industryH1 {color:#fc8f6b; 
	text-shadow: 5px 5px #f86231;}

/**2023page jumbotron**/
.bgimaged {background-image: url(https://games-animation-ve.au/2023/images/banner2023.jpg);
	  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
    xxxbackground-repeat: no-repeat; 
	xxxbackground-position: center top;
xxxbackground-size: 100%;}

/**2025 main page jumbotron lauren**/
.bgimage25 {background-image: url(https://games-animation-ve.au/2025/images/banner2025.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/**2024 main page jumbotron Vivian**/


.bgimage24 {background-image: url(https://games-animation-ve.au/2024/images/banner2024.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/**2023 main page jumbotron**/
.bgimagefront {background-image: url(https://games-animation-ve.au/images/bannerJosh.jpg);
    background-repeat: no-repeat; background-position: center top;
background-size: 100%;}

#Games h3{
    color: #e3088b;
   font-size:20px;
   margin-top:0px;
}

#Interactive h3{  /** JHS FRIDAY 18th add interactive **//** JHS FRIDAY 18th**/ /** JHS FRIDAY 18th add interactive **//** JHS FRIDAY 18th**/
    color: #2e3695;
   font-size:20px;
   margin-top:0px;
}



#quotes{
    
    
    width:100%;
    border-radius: 20px;;
}

#contact {
  background-color: #e3088b;
    margin-top:0px;
    text-align: center;;
}

#contact h2{
    color:#fff;
    margin-top:0px;
}

#contact button:hover{
    background-color: #fff;
    color:#e3088b;
}
#contact a:hover{
   
    color:#e3088b;
}

.pink {color: #e3088b }
.blue {color: #2e3695}

.col {border: solid 1px red;}

body {
    font: 400 18px Lato, sans-serif;
    line-height: 1.6;
    color: #2e3695;
}

h1 {color: #2e3695;
    font-weight: 800;}

    h1.pageTitle{
        margin:20px 0px;
        
    }

h2 {
    xxtext-transform: uppercase;
    color: #2e3695;
    font-weight: 400;
    /** jhs deleted margin bottom**/
   
}

h2 .name {color: #6b6b6b;}
h3 .name {color: #6b6b6b;}


h3 {color: #e3088b;
    font-weight: 400;}


h4 {
    line-height: 1.375em;
    color: #2e3695;
    font-weight: normal;
    margin-bottom: 0px;
}  


h4.details{
  font-size:20px;
}

p.location{
    
    margin-top:10px;
}

figcaption{
    display:block;
    z-index:100;
    position:relative;
    top:-65px;
    font-size:14px;
}


/**.jumbotron {
    background-color: #1a1c27 ;
    color: #fff;
    padding: 100px 25px;
   height: 400px;

}}**/

.jumbotron {
    background-color: #fff;
    color: #fff;
    padding: 120px 25px;
    height: 30em;}


/**hfront page jumbotron**/
.bgimage {background-image: url(images/banner.jpg);
    background-repeat: no-repeat; background-position: center;
background-size: 100%;}


.container-fluid {
    xxpadding: 60px 50px;
    xxxmargin-top:40px;
}
.bg-grey {
    background-color: #f6f6f6;
}
.logo-small {
    color: #2e3695;
    font-size: 50px;
}
.logo {
    color: yellow;
    font-size: 200px;
}
.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;

    
}
.thumbnail img {
    width: 100%;
    height: 100%;
    /**margin-bottom: 10px;  deleted JHS **/
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #2e3695;
}
.carousel-indicators li {
    border-color: #2e3695;
}
.carousel-indicators li.active {
    background-color: #2e3695;
}
.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}
.item span {
    font-style: normal;
}
.panel {
    border: 1px solid #2e3695; 
    border-radius:0 !important;
    transition: box-shadow 0.5s;
}
.panel:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
    border: 1px solid #2e3695;
    background-color: #fff !important;
    color: #f4511e;
}
.panel-heading {
    color: #fff !important;
    background-color: #2e3695 !important;
    padding: 25px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panel-footer {
    background-color: white !important;
}
.panel-footer h3 {
    font-size: 32px;
}
.panel-footer h4 {
    color: #aaa;
    font-size: 14px;
}
.panel-footer .btn {
    margin: 15px 0;
    background-color: #2e3695;
    color: #fff;
}
.navbar {
    margin-bottom: 0;
    background-color:white;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
    min-height: 100px; /**jhs FRI 11th**/
    border-bottom: 2px solid#e3088b;/**jhs FRI 17th**/

}
.navbar img {
 
   height: 60px; /**jhs FRI 11th**/
}
.navbar li a, .navbar .navbar-brand {
    color: #2e3695 !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #e3088b  !important;
    background-color: #fff !important;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    color: rgb(0, 0, 0) !important;
}
/**hamburger**/

.navbar-default .navbar-toggle .icon-bar {
    background-color: #e3088b ;
}


    .bg-white {background-color: #fff;}

#Comics, #Games, #Design, #Comics, #Interactive, #Animations {margin-top: 70px;} /** JHS FRIDAY 18th add interactive **//** JHS FRIDAY 18th**/



.dark-text {color:#2e3695}
.skillsIcon {max-width: 100px;}

.bg-pink {background-color: #e3088b;}

footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #f4511e;

}

.btn-primary {background: #2e3695;}
.btn-primary:hover {
    color: #f9f7f4;
    background-color: #e3088b ;
    border-color: #2e3695;
  }

  .btn-primary  a {
    color: #fff;
    text-decoration: none;
}


.navbar-right {
    margin-right: 15px;
margin-top: 15px;}/**jhs -- 17th **/


.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
@keyframes slide {
  0% {
    opacity: 0;
    transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}

@media (max-width: 1200px) {/*** added 300pxCHANGE THIS**/
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        xfloat: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
		/**JEANIE TEST NOV***/
/**2024 main page jumbotron Vivian**/
.bgimage24TEST {background-image: url(https://games-animation-ve.au/2024/images/banner2024.jpg);
    background-repeat: no-repeat; background-position: center top;
background-size: 140%;}
}

@media screen and (max-width: 768px) {
	
	
  .col-sm-4 {
    text-align: center;
    margin: 25px 0;
  }
  .btn-lg {
      width: 100%;
      margin-bottom: 35px;
  }
  .navbar-brand img {
    height: 50px;
  }
  .navbar {
    min-height: 80px;	  
}

	.jumbotron {
    padding: 120px 25px;
    height: 15em;}
	/**JEANIE TEST NOV***/


	
		  .bgimage {
			  background-repeat: no-repeat; background-position: center; background-size: 100%;}
	
	H1 {margin-top: 0px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; }
}


@media screen and (max-width: 480px) {
  .logo {
      font-size: 150px;
      max-height: 70px;
  }
}