/* COLORS
---------------------------------------------------
blue:  0fa6fd
green:  adffd9
---------------------------------------------------*/


/* GLOBAL STYLES
-------------------------------------------------- */

body {
  padding-top: 0px;
  padding-bottom: 3rem;
  color: #5a5a5a;
}

.container {
  max-width: 960px;
}

.h2-sub{
	font-size:14px;
}

.main-li{
	margin-left:30px;	
}

.feedback {
  background-color : #0fa6fd;
  color: white;
  padding: 10px 20px;
  /*border-radius: 10px;*/
  border-color: white;
  cursor:pointer;
}

.pointer:hover{
		cursor:pointer;
}


/* ACCORDIAN STYLES
-------------------------------------------------- */

.panel-heading a[aria-expanded='true']>span.question {
    color: red;
}

.panel-heading a[aria-expanded='false']>span.question {
    color: blue;
}

.panel-heading.active {
  background-color: #ffd051;
}

.card-header-accordian.collapsed{
	background-color: #999;
}

.card-header-accordian{
	background-color: #0fa6fd;
	Color:white;
}

.card-header-accordian:hover{
	background-color: #0fa6fd;
	Color:white;
}

.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
}

.card-header-accordian{
	cursor:pointer;	
}


/* NAVIGATION
-------------------------------------------------- */

.navbar-brand{
	font-size:36px;
}

.navbar{
	background-color:white;
}

.navbar-toggler{
	background-color:#0fa6fd;
	border-bottom-color:#0fa6fd;
}

#navbarHeader{
	background-color:#0fa6fd;
	color:white;
}

.hamburger{
	color:white;
}


/* IMAGES
-------------------------------------------------- */

.jumbo-img {
  /*
  opacity: 0.59;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  
}

.main-img{
	width:100%;
}

.imageBG{
  background-image: url("img/slider/3.1.jpg");
  min-height:100%;
  min-width:100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.opaque-bg{
    background: rgba(0, 0, 0, 0.5);
	padding:15px;
	border-radius:25px;
}

.h2-image{
	padding-left:20px;	
}


/* FONT AWESOME TWEAKS
-------------------------------------------------- */

.fa-recycle{
	color:green;	
}

.fa-file-pdf-o{
	color:red;	
}

.closeRed:hover{
	color:red;
}


/* BUTTONS
-------------------------------------------------- */

.top-links{
	color:white;	
}

.top-links:hover{
	text-decoration:none;	
}

.jumboButton{
  /*background-color:#0fa6fd;*/
  border-color: #ccc;
  color:#fff;	
}

.jumboButton:hover{
  background-color:#0fa6fd;
  color:#fff;	
}

#mybutton {
  position: fixed;
  bottom: -4px;
  right: 10px;
  cursor:pointer;
}

.top-link-hover{
	background-color:#0fa6fd;	
	color:white;
	width:250px;		
}

.btn-outline-primary {
  background-color:#fff;
  border-color: #ccc;
  color:#0fa6fd;
}

.btn-outline-primary:hover {
  background-color:#0fa6fd;
  color:#fff;
}


.customButton{
  background-color:transparent;
  border-color: #0fa6fd;
  color:#000;
}

.customButton:hover{
  background-color:#0fa6fd;
  border-color: #ccc;
  color:#fff;
}



/* FORMS
-------------------------------------------------- */

.adopt_H4{
    padding: 15px;
    background-color: #0fa6fd;
    color: white;	
}
.adopt_form{
  background-image: url("img/pages/OadoptionBG.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
	  
  border: solid 1px #0fa6fd;
  padding:10px;
}




/* SOCIAL MEDIA BUTTONS
-------------------------------------------------- */

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.1s;
     -moz-transition-duration: 0.1s;
     -o-transition-duration: 0.1s;
	 color:#777;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-gr:hover {
     color: #C6F;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media screen and (max-width: 767px) {
  /* Hide captions */
  .shrink {
	font-size:1.5em;
  }
  .modal-shrink {
	font-size:1em;
  }

  .navbar-brand{
	font-size:19px;
  }  
  
  .top-link-hover{
	font-size:12px;
	width:200px;
  }

	.brandShrink{
		font-size:20px;
		font-weight:bold;	
	}
	.brandDisplay{
		display:none;	
	}
	
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
    /* iPhone 6 Portrait */ 
	
	.imageBG{
	  background-image: url("img/slider/3.1.jpg");
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-position: top left;
	  background-size: 550px 775px;
	}

	.brandShrink{
		font-size:20px;
		font-weight:bold;	
	}
	.brandDisplay{
		display:none;	
	}
		
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
    /* iPhone 6 landscape */

	.imageBG{
	  background-image: url("img/slider/3.1.jpg");
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-position: top left;
	  background-size: 650px 775px;
	}

	.brandShrink{
		font-size:20px;
		font-weight:bold;	
	}
	.brandDisplay{
		display:none;	
	}

}