/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


.background-secondary {
  background-color: #dcceab !important;
}

.background-primary {
  background-color: #1e334b !important;
}

.background-gradient {
	background: linear-gradient(180deg, #e02b20 0%, #720462 100%) !important;
	opacity: .9;
}

.background-ltred {
  background-color: #de5452 !important;
}
.background-tan {
  background-color: #dcceab !important;
}
.background-ltblue {
  background-color: #62889d !important;
}

.background-red {
  background-color: #513333 !important;
}

.background-reddk {
  background-color: #4c1515 !important;
}

.background-blue {
  background-color: #1e334b !important;
}

.background-dk {
  background-color: #e02b20 !important;
}

.background-lt {
  background-color: #720462 !important;
}


.p-slider {padding: 50px 0 0 0;}
.p-50 {padding: 50px;}
.p-100 {padding: 100px;}
.p-ban {padding: 50px 0 50px !important;}

.p-t-100 {padding-top: 100px;}
.p-t-150 {padding-top: 150px;}
.p-t-200 {padding-top: 200px;}
.p-t-300 {padding-top: 300px;}
.p-t-400 {padding-top: 400px;}
.p-t-500 {padding-top: 500px;}

.p-b-100 {padding-bottom: 100px;}
.p-b-200 {padding-bottom: 200px;}
.p-b-300 {padding-bottom: 300px;}
.p-b-400 {padding-bottom: 400px;}
.p-b-500 {padding-bottom: 500px;}

.large-text  { font-size: 70px; font-weight: 800; color: #023b28;}

.inspector {background-color: #f2f7fa; border: 1px solid silver; padding: 25px; margin-top: 35px; }

.dimensions {
  font-size: 1.25em;
  line-height: 1.85714286em;
  font-weight: 500;
  color: red;
}


.bg-overlay[data-style="8B"] {
  background: linear-gradient(0deg, #e02b20 0%, #110574 100%);
  opacity: .9;
}



.float-right {float: right;}
.post-meta-date {color: #225691 !important; }

a:link, a:visited, a:active {color: #1e334b ; }
a:hover {color: #62889d !important; }


@media (max-width: 700px) {

.p-slider {padding: 0px 0 0 0; margin-bottom: -20px;}
#page-title {padding:0; margin-bottom: -50px; border-bottom: 10px solid black;}

.move-up {margin-top: -30px;}

  #header[data-transparent="true"] + main > #page-title {
    padding: 60px 0 0px 0;
  }
  

}