/* /public_html/govpc/templates/ja_landscape/css/custom.css */

/* color of text in promo bar above slideshow on homepage */
.t4-palette-dark a:not(.btn-primary) {
    color: #f6d607;
}

/* set padding on county map image for Upcoming Events 7-r */
.t4-section .section-6-r, .t4-section .section-7-r {
    padding-left: 0;
}

/* set border on images */
 .nature {
        display: block;
        background: transparent;
        padding: 8px;
        border: 1px solid #ccc;
        box-shadow: 10px 10px 10px #999;
      }

/* set contact us module lower so video module button is visible */
#acm-video-104 {min-height:600px;}

.t4-section .section-7-l .t4-module {
    padding: 60px;
    margin-top: -170px;
}

/* jcalpro inspired theme custom css */
/* set width and height of map */
#jcl_component #jcl_event_map {
  width: 100%;
  height: 400px;
  display: block;
}

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}

/* reduce opacity of slideshow overlay */
.acm-slideshow .item:before {    opacity: .2}

/* hide link to video builder */
#html5-watermark {display:none!important}

/* focus color for menu items */
.t4-megamenu .navbar-nav .current a {
    color: #f5851f;
    border-top-color: #f5851f;
}

/* remove gutter spacing on both sides of a map so that it appears edge to edge */
.item-112 .t4-jbmaps2 .t4-section-inner {
padding-right:0px; padding-left:0px;
}

/* creates newspaper columns for text in div */
{
	.newspaper {
	column-count: 2;
	column-gap: 20px;
	column-rule-style: none;
	column-rule-color: lightblue;
	}

	/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
	@media screen and (max-width: 800px) {
	.row {
		flex-direction: column;
	}
	}
}

/* responsive columns */
article {
  -webkit-column-width: 250px;
  -moz-column-width: 250px;
  column-width: 250px;
  break-inside: avoid-column;
}

/* blue box around text */
blue-box {
  background-color: lightblue;
  width: 100%;
  border: 1px solid green;
  padding: 50px;
  margin: 20px;
}

/* padding for title in video module */
div#Mod193.t4-module.t4-section-module.module.t4-module:first-child{
   margin-top: 18px;
}

/* padding for title in video module */
div#Mod190.t4-module.t4-section-module.module.t4-module:first-child{
   margin-top: 18px;
}

/* modify footer padding */
/* remove space in footnav */
@media (min-width: 992px){
.footer-logo>.custom {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}
}

/* default image for masthead */
.t4-masthead .ja-masthead {
    background-image: url(https://gov.perrycountytn.com/templates/ja_landscape/images/staff-team-1200x670-jpg.jpg);
}

/* section-1 image overlay on slideshow */
#t4-slideshow + .t4-section-1 {
    background: transparent;
}

/* gray box blue left border */
.usa-alert-info {
    border-left-color: #00a6d2;
}

.usa-alert {
    background: none;
    background-color: #f1f1f1;
    border-left-style: solid;
    border-left-width: 10px;
    display: table;
    padding: 3.2rem 6.4rem 3.2rem 2.4rem;
    width: 100%;
    border-left-color:  #00a6d2;
    background-position: 2rem 2rem;
    background-repeat: no-repeat;
    background-size: 5.2rem;
    padding: 2rem 2rem 1.4rem 3rem;
    position: relative;
}


/* hoverable buttons with shadow */
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

/* stylized buttons */
.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.button3 {
	border-radius: 1px;
}

jevents_body .jev_evdt {
    padding: 30px;
}

/* red div button */
.red_div {
  background-color: red;
  width: 200px;
  height: 100px;
  border-radius:  5px 25px;
}

/* red button rounded corners */
button.mbtn {
  padding:0.6em 2em;
  border-radius: 8px;
  color:#fff;
  background-color:#red;
  border-radius: 5px 25px;
  font-size:1.1em;
  border:0;
  cursor:pointer;
  margin:1em;
}


/* jcalpro */
#jcl_component .row {
    margin-left: 0px;
    *zoom: 1;
}

/* text in masthead */
.t4-masthead-title { color:#fff; font-size:48px;}

/* move mainmenu to the right */
@media (min-width: 992px) {
.t4-mainnav .t4-col.mainnav {
    padding-left: 200px !important;
}
}