/* Enter Your Custom CSS Here */

.post .caption {
	    font-family: adelle-sans, sans-serif;	
	    font-size: 110%;
	    line-height:1.2;
	    margin-top: 8px;
}

.post .photocap {
  	color: #999;
	  font-family: adelle-sans, sans-serif;	
	  font-size: 110%;
	  line-height:1.2;
    margin-top:-15px;
    padding-bottom: 20px;
}

.redbold {
    font-family: adelle-sans, sans-serif;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 1px;
    color: #D81830;
}

.smol {
  font-size: 110%;
	font-variant: small-caps !important;
}

@media only screen and (max-width: 600px) {
  .redbold {
    font-family: adelle-sans, sans-serif;
    font-size: 80%;
    font-weight: bold;
		line-height: .8;
    letter-spacing: 1px;
    color: #D81830;  }
}

.post ul {
    list-style: none;
	  list-style-type: circle;
    list-style-position: outside;
  	font-size:130%;
  	line-height:1.4;
  	padding-bottom: 20px;
    margin-left: 0;
	 	padding-left: 2.5em;
    text-indent: -.65em;
}

.post ol {
    list-style-type: decimal !important;
    list-style-position: outside;
  	font-size:130%;
  	line-height:1.3;
  	padding-bottom: 20px;
    margin-left: 0;
	 	padding-left: 2.5em;
    text-indent: -.65em;
}

.post ul li:before {
    content: "• ";
    color: #D81830;
}

.post li {
    padding-bottom: 15px;
}


.small {
    font-variant: small-caps;
}

div.caption-wrap {
text-indent:1px;
}

.metaslider .caption-wrap {
	position:relative !important;
}

.pullquote {
    float:right;
    font-family: adelle-sans, sans-serif;
    font-size: 32px;
    letter-spacing: 1px;
    color: #D81830;
    margin-right:0;
    text-align:right;
  	line-height:1.3;
    margin-left:30%;
    padding-bottom:40px;
    padding-top:10px;
}

.pullquote:before {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 70%; /* Change this to whatever width you want. */
    margin-left:30%;
    padding-bottom: 20px; /* This creates some space between the element and the border. */
    border-top: 7px solid black; /* This creates the border. Replace black with whatever color you want. */
}

.swp-form-cont-44062 .field-submit {
	font-size: 24px;
	height:auto;
}

#algolia-search-box .search-icon {
	fill: black;
}

#algolia-search-box input {
    border-bottom: 2px solid black;
}