@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;
}

}


/* NAVAGATION TAGS */

/* Blue Button (css) with link */

.bluebutton {
    background-color: #026b96;
    color: white;
    cursor: pointer;
    width: 80%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 18px;
    border-radius: .8em .8em .8em .8em;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    /* Icon settings */
    background-image: url('icons/link_wht.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    /* Places icon on the right */
    background-size: 20px 20px;
    /* Size of your tiny image */

}

.bluebutton:hover {
    background-color: #9b968c;
}