@charset "utf-8";

/* Stylesheet for Live Truth Radio */
/* Domain: livetruthradio.com
/* =================================
/*  1. Globals
/*  2. Typography
/*  3. Forms
/*  4. Navigation
/*  5. Links | Buttons
/*  6. Header
/*  7. Page Content
/*  8. Sidebar
/*  9. Footer
/* 10. Miscellaneous
/* 11. Responsive Break Points
/* ================================= */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
	color: #000;
	box-sizing: border-box;
}

*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	background-color: #cccccc;
}

section {
    margin: 0px;
}

.container {
    max-width: 80%;
    margin: 0 auto;
}

/* ================================= */
/* 2. Typography
/* ================================= */

h1, h2, h3, h4, h5, h6 { margin: 0; }

h1.page-title {
	margin-bottom: 1em;
	font-size: 1.7em;
}

p {margin: 0 1.3em;}
p,
li {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #333;  
}

a, a:visited,
a:hover,
a:focus,
a:active,
.site-title a{
	color: #ce190c;
}

blockquote { border-left-color:#ce190c; }
blockquote.brian {
	margin:1em 2em;
	padding: 1em 2em;
	background: #B7DBFF;
	border-right: 2px outset red;
	border-left: 2px inset red;
}
/* ================================= */
/* 3. Forms
/* ================================= */

/* ================================= */
/* 4. Navigation
/* ================================= */
.navbar .nav-link {
	background-color: #313131 !important;
}

.main-navigation ul ul {
    border-top-color: #ce190c;
}

.main-navigation-holder{
    border-bottom-color: #ce190c;
}
/* Navigation */
.navbar.main-nav {
	margin: 0;
	padding: 0;
  border-bottom: .2em solid #ce190c;
  background-color: #313131 !important;
  z-index: 2;
}
.main-nav {
	margin: 0 .5em;
	padding: .5em;
}
.main-nav li {
	margin: 0 .5em;
}
.main-nav li.active {
    background-color:#ce190c !important; 
}
.main-nav li a {
	margin: 0;
    font-size: 1.2em;
	color: #fff;
}
#main-nav.dropdown-item a {
	margin: 0;
	padding: 0;
    font-size: 10px;
}
.navbar .dropdown-menu, .navbar .dropdown-menu a{
    background-color: rgba(94,122,247,0.91) !important;
}
.navbar .dropdown-menu a:hover{
    background-color: rgba(247,58,58,0.91) !important;
	color: #fff;
}

#topBtn {
	display: none;
	position: fixed;
	bottom: 3em;
	right: .5em;
	z-index: 99;
	font-size: 4em;
	border: none;
	outline: none;
	background-color: transparent;
	color: #ce190c;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
	cursor: pointer;
	padding: 0;
}

#topBtn:hover {
  color: #555;
}


/* Pagination */
li.disabled {
	cursor: not-allowed !important;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
li.disabled, a.page-link {
	color: #fff !important;
	background: #000 !important;
	border: 1px solid #888;
}

#MainWrap {}


#page {
    position: relative;
    margin: 0 auto;
}

.main-layout-boxed #page {
    box-shadow: 0 0 1px #bbb999;
    width: 1220px;
    margin-top: 35px;
    margin-bottom: 35px;
}

#content {
    padding: 40px 0 40px 0px;
    clear: both;
}

/* Sidebar */
.social-widget {}

.social-widget img {
	margin: 1em .1em;
	max-height: 40px;
}

hr.sidebar {border-top: 2px solid #000;}

sidebar {
	padding-left: 3em;
}

.sidebar h3 {
	font-size: 1.3em;
	font-weight: 500;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}

.sidebar-block {
	margin-bottom: 1em;
	padding: 0 1em;
}

h4.sidebar-title {
	margin: 0;
	font-size: 1.2em;
	font-weight: 600;
}
h4.sidebar-title.block2 { margin-top: .5em;}
h4.feed-item-title { font-size: 18px;}

.sidebar-item {
	padding: 0 1em;
}


/* =========== */
/* Top Bar CSS */
/* =========== */
.top-bar {
    background: #000;
    padding: .3em 0em;
}

.top-bar .menu {
    float: right;
    margin:0;
}

.top-bar .menu li,
.top-bar .menu li a {
    float: left;
    color: #bbb;
    line-height: 21px;
	list-style-type: none;
}

.top-bar .menu li a:hover {
    color: #fff;
}

.top-bar .menu li a {
    padding: 0px 10px;
} 

.top-bar-date {
    color: #bbb;
    float: left;
}

.mid-header {
    padding: 20px 0px;
}

.site-branding {
	background-image: url("../img/constitution-faded.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.head-title {
  float: right;}

.site-title, .tagline, .slogan {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}	
.site-title {
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
}
.site-title a { color: #ce190c; text-decoration: none}

.tagline {
	font-size: 33px;
	color: #fff;
	margin: 0;
	text-transform: none;
	font-weight: 600;
}
.slogan {
	font-size: 35px;
	color: #003366;
	margin: 0;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.breaking-news {
	padding: .5em 0;
	text-align: center;
	border-bottom: 1px solid #fff;
}
/*--------------------------------------------------------------
# Breaking  News Starts
--------------------------------------------------------------*/

.breaking-news-wrap,
.breaking-news-inner {
    float: left;
    width: 100%;
}

.breaking-news-wrap {
    border-bottom:1px solid #ddd;
    height: 45px;
}


.breaking-news-wrap span,
.breaking-news #breaking-news,
.breaking-news #breaking-news .slick-slide {
    float: left;
}

.breaking-news-wrap span {
    font-size: 16px;
    color: #161616;
    margin-right: 20px;
    font-weight: 500;
    padding: 10px 30px 10px 0px;
    position: relative;
}

.breaking-news-wrap span:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 15px;
    right: 0;
    width: 15px;
    height: 0;
    transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

}
.breaking-news-wrap ul.slick-slider {
    margin:0;
}

.breaking-news-inner #breaking-news{
    height: 30px;
    overflow: hidden;
    margin-top: 8px;
}

.breaking-news-wrap ul.slick-slider li a {
    color: #777;
}

.breaking-news-wrap ul.slick-slider li.slick-slide {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 26px;
    overflow: hidden;
    color: #777;
    border: none !important;
	margin-top: 10px;
}

.breaking-news-wrap ul.slick-slider .slick-prev,
.breaking-news-wrap ul.slick-slider .slick-next {
    transform: none;
    top: -2px;
}

.breaking-news-wrap ul.slick-slider .slick-prev,
.breaking-news-wrap ul.slick-slider .slick-next,
.breaking-news-wrap ul.slick-slider .slick-prev:before,
.breaking-news-wrap ul.slick-slider .slick-next:before {
    opacity: 1;
}

.breaking-news-wrap ul.slick-slider .slick-prev {
    left: auto;
    right: 40px;
}

.breaking-news-wrap ul.slick-slider .slick-next {
    right: 20px;
}

.breaking-news-wrap ul.slick-slider .slick-prev:before,
.breaking-news-wrap ul.slick-slider .slick-next:before {
    color: #2ab391;
    font-size: 30px;
}

/*==============================
  UTR NewsBreak Mod
 ==============================*/
.newsbreak { color: #fff; background-color: #000;}
.newsbreak h1 { font-size: 1.25em !important; display: inline; }
.newsbreak a { color: #FFFFCC;}
.newsbreak a:hover { color: #ccc; text-decoration: none;}

/*==============================
  Text & Background Colors
 ==============================*/
.bg-denim { color: #333; background-color:#336699; }
.bg-navy { background: #05294B; }
.bg-purple { background: #6a328f; }
.bg-red {background:#ce190c;}
.bg-beige { 
	background-image: url("/img/beige_bg.jpg") !important; 
	background-color: #E5D9B3;
}

.text-blue { color: #003366; }
.text-denim { color: #336699; }
.text-green {color:#006600;}
.text-maroon {color: #990000;}
.text-navy { color: #05294B; }
.text-purple { color: #6a328f; }
.text-red {color:#ce190c;}
.text-yellow {color: #ffff99;}
/*==============================
  Footer
 ==============================*/
footer {
	margin-top: 2em;
	padding: 1em;
	background-color: #000;
	color: #fff;
    font-size: 10px;
    clear: both;
}
.site-footer{
    padding-top: 26px;
    padding-bottom: 25px;
    background: #000;
}

.copyright {
    font-size: 14px;
}
.copyright span {
    float: left;
}
.copyright span:last-child {
    float: right;
}
.copyright span a {
   color: #777; 
}




/* Bootstrap Overides */


/* Images */
.carousel {
  position: relative;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
  }
.carousel-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
  padding: 1.1em .9em .9em;
  text-align: left;
  width: 100%;
}
.carousel-caption h4 {
	margin: 0;
	color: #fff;
}
.carousel-caption p {
	color: #fff;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
}

/* Misc Utilites */

/* Extras */
.back { float: left; }
.forward { float: right; }

.readmore:before {
    content: none !important;
    padding: 0;
}

.readmore:after {
    content: "→";
    font-weight: 600;
}

/* ================ */
/*  responsive css  */
/* ================ */

/* Medium Desktop */
@media(min-width:992px) and (max-width:1199px){
    [class*="col-"] {
		font-size: 100%;
    }
	.site-title, .slogan, .tagline { font-size: 175%; }
}	
	
/* Tablet */
@media(min-width:768px) and (max-width:991px){
    [class*="col-"] {
		font-size: 100%;
    }
	.site-title, .slogan, .tagline { font-size: 156%; }
}

/* Mobile and Tablet */
@media(max-width:991px){
	.container { max-width: 90%; }}

/* Mobile Devices */
@media(max-width:850px){
	.site-title, .slogan, .tagline { font-size: 160%; }
}

@media only screen and (max-width: 768px) {
	.site-title, .slogan, .tagline { font-size: 175%; }}

@media(max-width:670px){}

@media(max-width:480px){}