@charset "UTF-8";
/* CSS Document */
/* Tom Hunter Photography © */


/* OPEN/COLLAPSE DROPDOWN */

.collapsible {
	background-color: #026b96;
	color: white;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 20px;
	border-radius: .8em .8em .8em .8em;
	padding-top: 8px;
	padding-bottom: 8px;

}

.active, .collapsible:hover {
  background-color: #9b968c;
}
.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content {
  margin-top: 15px;

  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  background-color: #eeeded;
  border-radius: .8em .8em .8em .8em;
}

.indexcontent {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
}


/* LINK COLOR */
.content a:link {
    color: #444;
    text-decoration: none;
}

.content a:visited {
    color: #444;
    text-decoration: none;
}

.content a:hover {
    color: #CC1B05;
    text-decoration: none;
}

.content a:active {
    color: #444;
    text-decoration: none;
}





@media  only screen and (min-width: 0px) and (max-width: 750px) {

.collapsible {
	font-size: 25px;
	padding-top: 12px;
	padding-bottom: 12px;

}
    
.indexcontent {
    font-size: 25px;
}

}