/* invictus.css custom stylesheet for Augustus Invictus for U.S. Senator */
/*standard resets*/
html { font-size:100%; }
header, footer { width:100%; }
body { 
	padding-top:50px; 
	font-size:16px; font-size:1rem;
	font-family:'Lato','Open Sans','Helvetica Neue',Arial,sans-serif;
	overflow-x:hidden;
	color:#333;
	min-height:2000px;
}
a, a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: underline; }
a:link, a:visited { color: #ad1f24; }
a:link .fa, a:visited .fa { color: #ad1f24; }
a:hover, a:active,
	a:hover .fa, a:active .fa { color: #0080c3; }
a:focus { outline:0px none !important; }
h1, h2, h3, h4, h5, h6 { color: #000; line-height:1.25; }
h1 {
	font-family:'Playfair Display','Times New Roman',serif;
	font-size: 2.5rem;
	text-transform: uppercase;
}
h2, h3, h4 { font-family: 'Arapey','Georgia',serif; }
h2 { font-size: 2.25rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.75rem;
	display: inline-block; padding-bottom:0.5rem; padding-right:1.5rem;
	border-bottom: 2px solid; border-color: #ad1f24; overflow: hidden;
}
footer h4 {
	font-family: 'Lato','Helvetica Neue',Arial,sans-serif; 
	font-size: 1.5rem; font-variant: small-caps;
} /* footer header */
h5 { font-size:1.5rem; }
h6 { font-size:1.25rem; }
	.well h6 { font-size:1rem; }

.navbar-default { border-top: 3px solid #ad1f24; }
.nav>li.active>a { padding-right:10px; padding-left:25px; }
nav ul li.active a:after {
    position: absolute;
    left:5px; margin-right:5px;
    content: '\2606';
    font-style: normal;
	font-weight: bold;
	font-size:1.25rem;
	line-height:1.25;
    color: #ad1f24;
	transform:rotate(180deg);
}
nav ul li.dropdown ul li a:after {
	content: '';
}
nav ul li.dropdown ul li.active a:after {
	content: '\2606';
}
.nav.nav-pills>li {
	border: 1px solid rgba(173, 31, 36, 0.5);
    border-radius: 5px;
    padding: 0;
    margin-bottom: 2px;
}
.nav.nav-pills>li>a, .nav.nav-pills>li.active>a { padding: 0.5rem; }
.nav.nav-pills>li.active>a, .nav-pills>li.active>a:focus, 
	.nav-pills>li.active>a:hover { background-color: #ad1f24; }

article::after { padding-bottom:20px; }
.close { font-family:'Lato','Open Sans',sans-serif; font-size: 1rem; }

/* ADDTHIS TOOLS */
.addthis_vertical_follow_toolbox {
    position: absolute;
    max-width: 40px;
    top: 93px;
    z-index: 24;
}
#atftbx p, .addthis_follow_label { display:none !important; }
.addthis_toolbox.addthis_vertical_style { width:40px !important; overflow-x:hidden; clear:none; }

#sharethis { 
    position: absolute; 
    float: right; text-align: right;
    right: 0px; z-index: 25;
    display: block;
}
#sharethismobile {
    position: relative; text-align: center; z-index: 25;
    display: none;
}

/* SITEWIDE LAYOUT CLASSES */
.colIndentLeft { padding-left:15px; }
.colIndentRight { padding-right:15px; }
.colIndentTop { margin-top:15px; }
.center { text-align:center; margin-left:auto; margin-right:auto; }
.right { text-align:right; }
.left { text-align:left; }
.row { margin-bottom:15px; }
.right-border { border-right: 1px solid #333; }
.left-border { border-left: 2px dotted #dfdfdf; }

.date { font-size:0.85rem; color:#c0c0c0; }
span.date.right {
	display: inline-block;
    clear: none;
    margin: 10px 0 0 15px;
    float: right;
}
.testify { 
    background-image: url('../images/quotation_marks.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 56px auto;
    font: 1rem 'Arapey', 'Georgia', serif; 
    font-style: italic; text-indent: 56px; 
    color: #666;
}
.cta-box-inner {
    float: left;
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.circle {
    width: 148px;
    height: 148px;
    margin: 0 auto 27px;
    display: block;
    border: 1px solid #ccc;
    border-radius: 148px;
    position: relative;
}
.circle:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -8px;
    content: '';
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.circle a.inner {
    width: 136px;
    height: 136px;
    margin: 6px auto 0;
    display: block;
    background-color: #f0f0f0;
    border-radius: 136px;
    position: relative;
    text-decoration: none;
    float: none;
    color: #666;
}
.circle a.inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: auto;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #f0f0f0 transparent transparent transparent;
}
.circle a.inner .fa {
    font-size: 50px;
    display: block;
    line-height: 136px;
    text-align: center;
}
.circle a.inner, .circle a.inner:before {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
::selection {
    background: #ad1f24;
    color: #fff;
}
.circle a.inner:hover {
    background: #ad1f24;
    color: #fff;
}
.circle a.inner:hover .fa { color:#fff; }
.circle a.inner:hover::before { border-top-color: #ad1f24; }

/* .cta-box-inner:hover .circle a.inner:before { border-top-color: #ad1f24; } */

.featureBox {
	border:1px solid #000;
	border-radius:12px;
}
.featureTitle {
	font:bold 1.875rem 'Georgia',serif;
	font-variant:small-caps;
	background-color: #ad1f24;
	line-height:1.56; padding:0 0.5rem;
	color: #fff;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius:0;
	letter-spacing:1px;
	text-align: center;
}
.featureBox p, .featureBox div, .featureBox img, .featureBox button { padding:0.5rem; }

#wowslider-container1 { border-top:2px solid #333; }
.logo { display: block; vertical-align: middle; max-height: 210px; }

/* CTA Panel */
.ctaPanel {
	height: auto;
    background: #ad1f24;
    text-align: center;
    border-top: 15px solid #210210;
    border-bottom: 15px solid #210210;
    color: #fff !important;
}	
.ctaPanel .cta {
	display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    font-family: 'Lato',sans-serif;
}
.ctaPanel .cta:hover .fa { color:#cfcfcf; }
.ctaPanel .title {
	font: 2rem 'Lobster';
	color: #fff;
	margin-right:30px;
	vertical-align: middle;
}
/* social media icons */
ul.social-icons {
    margin: 0; padding: 0;
}
ul.social-icons li {
    display: inline-block; 
    list-style-type: none;
    margin:0 5px;
}

/* articles */
.titling { padding-bottom:20px; }
.titling .tagline {
	color: #ad1f24;
	font-style: italic;
	margin:0; padding:0; 
}
.titling h1 { 
    display: block;
    margin: 15px auto 20px 64px;
    transform: scale(.8, 1.9);
    transform-origin: left;
    transition: ease;
    white-space: nowrap;
}
#fs { display:inline; }

.fireside-chats .title { 
	font-family: 'Lato','Helvetica Neue',sans-serif;
	font-size: 1.125rem; font-weight: bold;
	color: #ad1f24;
	width: 100%;
}
.fireside-chats .title span { 
	display: inline-block;
    float: right;
    font-size: 0.875rem;
    color: #c0c0c0;
}
/*** tab pane styles ***/
/* ISSUES */
#issues .tab-content>.active {
    margin-right: 1.25rem;
    margin-top: 4rem;
}
/* PRESS RELEASES */
#press .tab-content>.active { margin-top: 1.25rem; }

/* DONATION PAGE */
#customButton { margin-bottom: 0.5em; }

/* FOOTER */
footer {
	background:#fff;
	border-bottom:12px double #2b325f;
	border-top:12px solid #ad1f24;
	height:auto; padding-bottom:15px; 
}
footer ul { list-style:none; margin:0; padding:0 5px; }
footer .link, footer a, footer .link a { color:#ff9900; }
footer a:hover { color:#ff9900; text-decoration:underline; }

/* SCROLL-TOP BUTTON */
.scrolltop {
	position:fixed; bottom:1em; right:0.5em;
	font-size:1rem; text-decoration:none;
	background-color:#efefef; color:#fff; opacity: 0.75;
	border-radius:10px; padding:0.5em;
	z-index:9999; display:none; 
}
.scrolltop:hover { background-color:#fff; color:teal; }

@media only screen and (min-width:580px) and (max-width:700px) {
    .titling .tagline {
        color: #ad1f24;
        font-style: italic;
        font-size: 1.25rem;
        margin:0; padding:0; 
    }
    .titling h1 { 
        display: block;
        margin: 15px auto 20px 36px;
        transform: scale(.7, 1.8);
        transform-origin: left;
        transition: ease;
        white-space: nowrap;
    }
    #fs { display:inline !important; }
}
@media only screen and (min-width:380px) and (max-width:579px) {
    .titling .tagline {
        color: #ad1f24;
        font-style: italic;
        font-size: 1.25rem;
        margin:0; padding:0; 
    }
    .titling h1 { 
        display: block;
        margin: 15px auto 20px 0;
        transform: scale(.7, 1.8);
        transform-origin: left;
        transition: ease;
        white-space: nowrap;
    }
    #fs { display:none !important;}
}
@media only screen and (max-width:479px) {
    #sharethis { display: none !important;}
    #sharethismobile { display: block !important; }
}
@media only screen and (max-width:379px) {
    .titling .tagline {
        color: #ad1f24;
        font-style: italic;
        font-size: 1.125rem;
        font-weight: bold;
        margin:0; padding:0; 
        margin-left:-0.5em;
    }
    .titling h1 { 
        display: block;
        margin: 15px 0 20px -0.2em;
        transform: scale(.6, 1.6);
        transform-origin: left;
        transition: ease;
        white-space: nowrap;
    }
    #fs { display:none !important;}
}
