tag)*/
.post-pagination{
text-align:right;
margin:.5em 0 2em
}
.post-pagination strong{
margin-right:3px
}
.post-pagination a{
margin-left:3px;
margin-right:3px
}
/*INFINITE SCROLL*/
#load-more{
padding:50px 0
}
a.load-more-button{
padding:10px 28px;
text-decoration:none;
display:none;
box-sizing:border-box;
width:auto;
background:rgba(183,183,183,.16);
border-radius:30px
}
/*POST VIDEO (css for fluid video)*/
.post-video{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-bottom:15px
}
.post-video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.featured-area img{
width:100%
}
/*NO-GUTTER POST*/
.loops-wrapper.no-gutter .post-image{
margin:0
}
.loops-wrapper.no-gutter .post,
ul.products.no-gutter li.product .post-image,
.loops-wrapper.no-gutter .post-image img{
border-radius:0;
}
/************************************************************************************
8. SIDEBAR
*************************************************************************************/
.widget{
margin:0 0 2.4em
}
.widgettitle{
margin:0 0 1em;
padding:0;
font-size:1em;
font-weight:600;
text-transform:uppercase;
line-height:1.3em;
letter-spacing:.09em
}
.widget ul{
margin:0;
padding:0
}
.widget li{
margin:0;
padding:.4em 0;
list-style:none;
clear:both
}
.widget ul ul{
margin:.6em 0 -.6em 0;
padding:0
}
.widget ul ul li{
margin:0;
padding-left:1em
}
/************************************************************************************
8.1 WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption{
font-weight:700;
padding-bottom:10px
}
.widget #wp-calendar td{
width:31px;
padding:4px 2px;
text-align:center
}
/* twitter widget */
.widget .twitter-list li{
padding:0;
margin:0 0 1.5em
}
.widget .twitter-list .twitter-timestamp{
display:block;
padding-top:.1em
}
.widget .follow-user{
margin:0;
padding:.5em 0
}
/* links widget */
.widget .links-list img,.widget_links img{
vertical-align:middle
}
/* recent comments widget */
.recent-comments-list .avatar{
margin-right:1.2em;
float:left
}
/* add white bg to facebook badge iframe */
iframe[src*="facebook"]{
background-color:#fff
}
/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered{
max-width:100%!important
}
#content .twt-border{
max-width:100%!important;
min-width:180px!important
}
/************************************************************************************
10. BUILDER STYLING
*************************************************************************************/
/* module title */
.module-title{
font-size:1.2em;
font-weight:600;
margin:0 0 .8em
}
/* post module */
.col4-3 .loops-wrapper .post,
.col4-2 .loops-wrapper .post,
.col4-1 .loops-wrapper .post,
.col3-2 .loops-wrapper .post,
.col3-1 .loops-wrapper .post,
.col2-1 .loops-wrapper .post{
text-align:inherit; /* reset text center */
margin-bottom:1em
}
.col4-3 .loops-wrapper.list-post .post-title,
.col4-2 .loops-wrapper.list-post .post-title,
.col4-1 .loops-wrapper.list-post .post-title,
.col3-2 .loops-wrapper.list-post .post-title,
.col3-1 .loops-wrapper.list-post .post-title,
.col2-1 .loops-wrapper.list-post .post-title{
font-size:1.4em; /* reset text center */
margin:0 0 .5em
}
/* map module */
.module-map{
margin-bottom:0
}
/* themify-icon shortcode */
.shortcode.themify-icon .themify-icon-icon{
font-size:1.3em
}
/* shorcode button */
a.shortcode.button{
border-radius:2px;
padding:.65em 1em
}
/* general module heading styling */
.module-image .image-title,
.module-tile .tile-title,
.module-feature .module-feature-title,
.module-pro-image .image-pro-title{
font-size:1.1em;
font-weight:600;
}
.module-service-menu .tb-menu-title{
text-transform:inherit;
letter-spacing:inherit
}
/* optin module */
.tb_optin_horizontal form > div[class*="tb_optin_"]{
width:auto
}
.module-optin.tb_optin_horizontal .tb_optin_submit{
background:0
}
/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft,img.aligncenter,img.alignright,img.alignnone{
margin-bottom:1em
}
.alignleft{
float:left;
margin-right:1em
}
.alignright{
float:right;
margin-left:1em
}
.aligncenter{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption{
text-align:center;
margin-bottom:1em;
max-width:100%
}
.wp-caption-text{
margin:.5em 0
}
/* attachment page */
body.attachment{
width:auto;
float:none;
position:static
}
.single .attachment.post{
width:auto;
float:none
}
/* clearfix */
.widget li:after,.menu:after{
content:"";
display:table;
clear:both
}
.post-image,
.post-img,
.module-feature-image,
.slide-image{
transition:border .3s ease-in-out,margin .5s ease-out,padding .3s ease-in-out,width .3s ease-in-out
}
.mobile-menu-visible{
overflow-y:hidden
}
/*BASE MEDIA QUERIES*/
@media screen and (max-width:1260px){
h1{
font-size:2.4em
}
h2{
font-size:2em
}
.pagewidth,
.module_row>.row_inner,
.module-layout-part .module_row.fullwidth_row_container>.row_inner{
max-width:94%
}
#pagewrap,
.default_width #layout .module_row>.row_inner,
.module-layout-part .module_row.fullwidth>.row_inner,
.module_row.fullwidth>.row_inner{
max-width:100%
}
}
@media screen and (max-width:1024px){
.header-widget .col4-1{
width:48.4%
}
.header-widget .col4-1:nth-child(2n+1){
margin-left:0;
clear:left
}
}
@media screen and (max-width:760px){
body .pagewidth,
.module_row>.row_inner,
.module-layout-part .module_row.fullwidth_row_container>.row_inner{
max-width:90%
}
/* sidebar */
#layout{
flex-wrap:wrap
}
#sidebar,
#content{
width:100%;
max-width:100%;
clear:both;
padding-top:10%
}
}
@media screen and (max-width:680px){
h1{
font-size:1.9em
}
h2,
.post-title,
.loops-wrapper.tf_clear .post-title{
font-size:1.6em
}
h3{
font-size:1.35em
}
.col4-1{
font-size:.95em
}
.col4-2,
.col3-1{
margin-left:0;
width:100%;
max-width:100%
}
/*HEADER*/
/* prevent logo img extend the fixed header on mobile */
.fixed-header #site-logo img:not(.tf_sticky_logo){
width:auto;
max-height:40px
}
#headerwrap .header-icons{
right:5%
}
/* all post image */
.loops-wrapper.list-post .post-image,
.loops-wrapper.grid4 .post-image,
.loops-wrapper.grid3 .post-image,
.loops-wrapper.grid2 .post-image,
.loops-wrapper.list-large-image .post-image{
float:none;
position:static;
width:auto;
max-width:none;
overflow:visible
}
}
/*/wp-content/themes/themify-ultra/styles/headers/header-top-bar.css*/
#header{
padding:5px 28px;
width:100%
}
.header-bar{
float:left
}
#site-logo{
margin:5px 10px 5px 0;
display:inline-block;
vertical-align:middle
}
#site-description{
margin:1em 0;
font-size:.75em;
display:inline-block;
vertical-align:middle
}
#site-description .site-taglink{
color:inherit;
font-size:inherit
}
#site-description .site-taglink:hover{
text-decoration:none
}
.navbar-wrapper{
display:flex;
justify-content:flex-end;
align-items:center
}
#searchform-wrap,
.search-button,
.cart-icon,
#header .social-widget{
order:1
}
#header .social-widget{
float:left;
}
.themify_builder_active #header .social-widget{
white-space:nowrap
}
#headerwrap #searchform #s{
padding:0 25px 0 15px;
}
#main-nav-wrap{
display:flex;
align-items:center;
justify-content:flex-end
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-sub-menu .mega-sub-menu{
margin:0 27px;
width:calc(100% - 56px)
}
#main-nav .has-mega-column > .sub-menu{
padding:32px 39px 39px
}
.header-widget{
display:none;
text-align:center
}
.header-widget .header-widget-inner{
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch
}
.fixed-header .header-bar{
display:block
}
.pull-down{
float:right
}
@media screen and (max-width:760px){
#site-description{
display:none
}
}
@media screen and (max-height:900px){
#headerwrap .header-widget-inner{
max-height:70vh
}
}
/*/wp-content/themes/themify-ultra/skins/construction/style.css*/
/*
Skin Name:Ultra Construction
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-construction/
Required Plugins:builder-contact
*/
/************************************************************************************
GENERAL
*************************************************************************************/
body{
color:#808080;
font-family:'Public Sans',Arial,sans-serif
}
a{
color:#000
}
a:hover,
.post-nav .arrow,
.post-nav a:hover > span,
.post-title a:hover{
color:#f69c32;
text-decoration:none
}
/* reset general border-radius */
input[type=reset],input[type=submit],button,select,textarea,#pagewrap input[type=checkbox],input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce button.button.alt,.woocommerce button.button,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.loops-wrapper.polaroid .post,.loops-wrapper.overlay .post,.loops-wrapper.auto_tiles>.product,.loops-wrapper.auto_tiles .post-image + .post-content,.loops-wrapper.auto_tiles>.post,.post-image img,.product img, ul.products li.product .post-image,#cart-wrap .product-image img,.woocommerce div.product div.images img,.woocommerce-product-gallery__wrapper .tf_swiper-container-initialized,#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img,.select2-dropdown,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow,#slide-cart .button,#slide-cart .product-image img,.woocommerce-cart #content table.cart td.actions .coupon .input-text,.woocommerce span.onsale,.woocommerce ul.products li.product .onsale,.woocommerce table.shop_table,.woocommerce-checkout #payment,#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li,.woocommerce-error, .woocommerce-info, .woocommerce-message,.woocommerce-page .cart-collaterals .cart_totals,body:not(.footer-block) #footer .back-top a,#main-nav .highlight-link > a,.pagenav a,.pagenav span,.pagenav .current,a.load-more-button,.more-link,.widget .feature-posts-list .post-img{
border-radius:0
}
/* FORMS
================================================ */
textarea,input, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week]{
font-weight:400;
font-size:.875em;
padding:1.1em 1.3em
}
input[type=reset], input[type=submit], button[type=submit]{
background-color:#f69c32;
color:#fff;
font-size:.95em;
font-weight:700;
padding:1em 2.3em;
letter-spacing:.03em
}
#commentform p label{
text-transform:none;
transform:translate(20px, 39px);
display:inline-block;
font-size:.875em
}
#review_form p label{
transform:none
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6{
font-family:'Oswald',Arial,sans-serif;
font-weight:700
}
/* FANCY HEADING */
.fancy-heading{
font-size:2.05em;
letter-spacing:normal;
overflow:hidden;
line-height:normal
}
.module-fancy-heading .main-head{
text-transform:uppercase;
letter-spacing:-.045em;
position:relative;
display:inline-block
}
.module-fancy-heading .main-head:after,
.module-fancy-heading .main-head:before{
content:"";
display:block;
position:absolute;
border-top:3px solid #ddd;
transform:translateY(-50%);
top:50%;
width:100px
}
.module-fancy-heading .main-head:before{
right:100%;
margin-right:20px
}
.module-fancy-heading .main-head:after{
left:100%;
margin-left:20px
}
.module-fancy-heading.tb_hide_divider .main-head:before,
.module-fancy-heading.tb_hide_divider .main-head:after,
.module-fancy-heading .sub-head:before{
display:none
}
.tf_textl.fancy-heading{
padding-left:120px
}
.tf_textr.fancy-heading{
padding-right:120px
}
.module-fancy-heading .sub-head{
font-family:'Public Sans',Arial,sans-serif;
font-weight:400;
font-size:55%;
color:#808080
}
/************************************************************************************
HEADER
*************************************************************************************/
/* SITE LOGO
================================================ */
#site-logo{
font-family:'Oswald',Arial,sans-serif;
font-size:1.85em;
font-weight:700;
text-transform:uppercase;
letter-spacing:-.025em
}
#site-description{
font-size:.9em
}
/* MAIN NAVIGATION
================================================ */
#main-nav a:hover,
#main-nav ul a:hover,
#main-nav .mega-menu-posts a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
color:#f69c32
}
/* remove dropdown rounded corners */
#main-nav li:not(.themify-widget-menu) > ul,
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-sub-menu .mega-sub-menu{
border-radius:0
}
/* mega menu */
#main-nav .mega-menu-posts .post,
#main-nav .mega-menu-posts .post-title{
text-align:left
}
/* CART ICON
================================================ */
.cart-wrap a span{
background-color:#f69c32;
position:static;
margin:0 0 -3px -12px
}
/* SEARCH LIGHTBOX
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a{
box-shadow:inset 0 -3px 0 0 #f69c32
}
.search-results-wrap .view-all-button{
color:#f69c32
}
.view-all-button:after{
border-color:#f69c32
}
.search-button {
order:1;
margin-left:.5em
}
.cart-icon, #header .social-widget {
order:2;
margin-left:.5em
}
/* HEADER TOP WIDGETS
================================================ */
.header-widget-full{
background-color:#fff;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .1);
color:#222
}
.header-widget-full .header-widget{
padding:0
}
.header-widget-full .header-widget .header-widget-inner{
text-transform:uppercase;
font-weight:700
}
.header-widget-full .header-widget-inner .widget p:last-child{
margin:0
}
.header-widget-full .header-widget-inner .widget.themify-social-links{
margin-bottom:-8px
}
.header-widget-full .widget .social-links{
display:table;
border-collapse:collapse
}
.header-widget-full .widget li{
padding:15px 20px 16px 19px;
border-left:1px solid rgba(180,180,180,.3);
border-right:1px solid rgba(180,180,180,.3);
margin:0;
display:table-cell
}
.header-widget-full .widget li a i{
border:1px solid rgba(180,180,180,.3);
font-size:105%;
padding:7px
}
.header-widget-inner .widget .button.shortcode{
border:none;
border-radius:0;
box-shadow:none;
box-sizing:border-box;
background-color:#f69c32;
color:#fff;
margin:0;
font-size:.9em;
padding:1.65em 2em;
text-transform:uppercase;
display:inline-block
}
.header-top-widgets #site-description{
margin-top:-10px
}
/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
background-color:rgba(0,0,0,.94)
}
/* HEADER STRIPE
================================================ */
.header-stripe #site-logo{
background-color:#f69c32
}
.header-stripe #header{
padding-right:1em
}
/* HEADER LEFTPANE/RIGHTPANE/MINBAR
================================================ */
.header-slide-out .search-button,
.header-slide-out .cart-icon,
.header-slide-out #header .social-widget,
.header-minbar .search-button,
.header-minbar .cart-icon,
.header-minbar #header .social-widget,
.header-rightpane .search-button,
.header-rightpane .cart-icon,
.header-rightpane #header .social-widget,
.header-leftpane .search-button,
.header-leftpane .cart-icon,
.header-leftpane #header .social-widget {
margin-left:0
}
/************************************************************************************
POST
*************************************************************************************/
.loops-wrapper.list-post .post-date,
.single .post-content .post-date{
background:rgba(246,156,50,.8)
}
.post-title{
font-family:'Public Sans',Arial,sans-serif
}
/* Grid Layout */
.loops-wrapper .post{
text-align:left
}
.loops-wrapper.boxed .post{
box-shadow:0 3px 10px 0 rgba(0, 0, 0, .08)
}
.loops-wrapper.boxed .post-image{
margin-bottom:1.4em
}
.post-date-wrap .post-date{
font-size:13px;
letter-spacing:normal
}
.loops-wrapper.boxed.grid4 .has-post-thumbnail .post-date-wrap,
.loops-wrapper.boxed.grid3 .has-post-thumbnail .post-date-wrap,
.loops-wrapper.boxed.grid2 .has-post-thumbnail .post-date-wrap{
position:absolute;
top:20px;
left:20px
}
.loops-wrapper.boxed.grid4 .has-post-thumbnail .post-date-wrap .post-date,
.loops-wrapper.boxed.grid3 .has-post-thumbnail .post-date-wrap .post-date,
.loops-wrapper.boxed.grid2 .has-post-thumbnail .post-date-wrap .post-date{
background-color:#f69c32;
padding:0 13px;
color:#fff
}
.loops-wrapper.boxed .post-content{
padding:0 20px
}
.post-title{
margin-bottom:.45em
}
.loops-wrapper.grid3 .post-title{
font-size:1.125em
}
.loops-wrapper.boxed .more-link{
margin-top:1.5em
}
.more-link{
display:inline-block;
font-weight:600
}
.more-link:after{
color:#f69c32;
font-size:.6em;
vertical-align:middle
}
/************************************************************************************
PORTFOLIO
*************************************************************************************/
.post-filter li{
margin:0 6px
}
.post-filter li a{
color:#222;
font-size:100%;
display:inline-block;
text-transform:none;
letter-spacing:normal;
padding:0 6px
}
.post-filter li:hover a,
.post-filter li.active a{
background-color:transparent;
color:#f69c32;
opacity:1
}
.post-filter li a:after{
content:"";
display:block;
font-size:100%;
position:static;
border-top:2px solid;
width:0;
margin:0;
margin-top:7px;
transition:all .3s ease;
}
.post-filter li:hover a:after,
.post-filter li.active a:after{
width:100%;
opacity:1
}
.portfolio .post-meta{
font-family:'Oswald',Arial,sans-serif;
font-weight:200;
font-size:1em;
text-transform:uppercase;
letter-spacing:.07em;
margin:0
}
.portfolio .post-meta:after{
content:"";
display:block;
border-top:2px solid;
width:28px;
margin:7px auto 4px
}
.portfolio .post-title{
font-family:'Oswald',Arial,sans-serif;
font-weight:700;
text-transform:uppercase;
letter-spacing:-.05em
}
.loops-wrapper.grid3.portfolio .post-title{
font-size:1.75em
}
/************************************************************************************
WIDGETS
*************************************************************************************/
.widgettitle{
font-family:'Public Sans',Arial,sans-serif;
font-size:1.25em;
font-weight:700;
letter-spacing:normal
}
.widget li{
padding:.35em 0
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
background-color:#3b3b3b;
border:none;
color:#aaa;
padding-top:20px
}
#footer{
padding-bottom:0
}
#footer a{
color:#fff
}
#footer a:hover{
color:#f69c32
}
/* FOOTER LOGO
================================================ */
#footer-logo{
font-family:'Oswald',Arial,sans-serif;
text-transform:uppercase;
margin:0 0 1.3em
}
/* FOOTER WIDGETS
================================================ */
.footer-widgets .widgettitle,
.footer-widgets .module-title{
color:#fff;
margin:0 0 1.8em
}
.footer-widgets{
margin:0 0 2em
}
/* FOOTER TEXT
================================================ */
.footer-text{
font-size:.95em
}
.section-col + .footer-text{
background-color:#000;
position:relative;
padding:2.1em 0 2.3em;
text-align:center;
font-weight:400;
font-size:.95em
}
.section-col + .footer-text:before,
.section-col + .footer-text:after{
content:"";
display:block;
background-color:inherit;
position:absolute;
width:100%;
width:100vw;
height:100%;
top:0
}
.section-col + .footer-text:before{
right:100%
}
.section-col + .footer-text:after{
left:100%
}
.section-col + .footer-text .one,
.section-col + .footer-text .two{
display:inline-block;
vertical-align:middle
}
.section-col + .footer-text .one{
margin-right:.4em
}
/* FOOTER BACK TO TOP
================================================ */
#footerwrap .footer-tab,
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
background-color:#f69c32
}
#pagewrap .back-top-float:hover,
.back-top:not(.back-top-float) .arrow-up a:hover{
background-color:#000
}
#footerwrap .footer-tab,
#footerwrap .footer-tab:hover{
color:#fff
}
.footer-block .back-top:not(.back-top-float) .arrow-up a{
background:0
}
/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
/* BUTTON
================================================ */
#slide-cart .button,.woocommerce ul.products li.product .button,.woocommerce a.button.disabled,.woocommerce button.button.disabled,
.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce input.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled],.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
background-color:#f69c32;
color:#fff;
font-weight:700;
padding:.95em 2.3em 1.15em;
letter-spacing:.005em;
text-transform:uppercase;
transition:background-color .3s ease-in-out,color .3s ease-in-out
}
#slide-cart .button:hover,.woocommerce ul.products li.product .button:hover,.woocommerce a.button.alt.disabled:hover,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled]:hover,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
background-color:#000;
color:#fff
}
/* ARCHIVE PRODUCTS
================================================ */
/* Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
background-color:#f69c32
}
/* SINGLE PRODUCTS
================================================ */
/* quantity */
.woocommerce .quantity .qty{
margin:0;
padding:.9em;
width:5em;
font-size:1em
}
/* tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
border-color:#f69c32;
color:#000
}
/* related products */
.woocommerce .related h2,
.woocommerce .upsells h2{
font-weight:700
}
/* CART
================================================ */
.woocommerce #content table.cart td.actions .coupon .input-text{
padding:.9em;
font-size:1em
}
/* CHECKOUT
================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
height:52px;
border-color:#ddd
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:52px
}
.select2-results__option{
margin:0
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true]{
background-color:#f69c32;
color:#fff
}
/* reset rounded corners */
.loops-wrapper.boxed .post-image img,
.woocommerce .boxed .product,
.loops-wrapper.boxed .post{
border-radius:0
}
/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* BUTTON MODULE
================================================ */
.ui.builder_button{
font-weight:700;
text-transform:uppercase;
line-height:normal;
padding:.65em 2.1em .85em
}
/* IMAGE MODULE
================================================ */
.module.module-image .image-wrap .zoom{
top:0;
bottom:0;
left:0;
right:0;
margin:0;
width:auto;
height:auto;
border-radius:0;
background-color:transparent;
transform:scale(0);
transition:background-color .5s cubic-bezier(.4, 0, .2, 1),transform .5s cubic-bezier(.4, 0, .2, 1)
}
.module.module-image .image-wrap:hover .zoom{
background-color:rgba(0,0,0,.4);
transform:scale(1)
}
.module.module-image .image-wrap .zoom:before{
color:#fff;
margin:0;
transform:translate(-50%, -50%)
}
.module.module-image .image-wrap a[href$=".gif"] .zoom,
.module.module-image .image-wrap a[href$=".png"] .zoom,
.module.module-image .image-wrap a[href$=".jpg"] .zoom,
.module.module-image .image-wrap a[href$=".jpeg"] .zoom{
font-size:3.3em
}
.module.module-image .image-wrap a[href*="vimeo"] .zoom .tf_fa,
.module.module-image .image-wrap a[href*="youtu.be"] .zoom .tf_fa,
.module.module-image .image-wrap a[href*="youtube"] .zoom .tf_fa,
.module.module-image .image-wrap a[href*=".avi"] .zoom .tf_fa,
.module.module-image .image-wrap a[href*=".mov"] .zoom .tf_fa,
.module.module-image .image-wrap a[href*=".flv"] .zoom .tf_fa,
.module.module-image .image-wrap a[href*=".f4v"] .zoom .tf_fa,
.module.module-image .image-wrap a[href*=".mp4"] .zoom .tf_fa{
border-radius:50%;
background-color:#fff;
color:#f69c32;
padding:1em;
font-size:1.5em
}
.module.module-image .image-wrap a[href*="vimeo"] .zoom,
.module.module-image .image-wrap a[href*="youtu.be"] .zoom,
.module.module-image .image-wrap a[href*="youtube"] .zoom,
.module.module-image .image-wrap a[href*=".avi"] .zoom,
.module.module-image .image-wrap a[href*=".mov"] .zoom,
.module.module-image .image-wrap a[href*=".flv"] .zoom,
.module.module-image .image-wrap a[href*=".f4v"] .zoom,
.module.module-image .image-wrap a[href*=".mp4"] .zoom{
transform:none;
background:0
}
/* TESTIMONIAL MODULE
================================================ */
.module-testimonial-slider .testimonial-content{
color:#fff
}
.module.image-bubble.module-testimonial-slider .testimonial-content{
display:block;
background-color:transparent;
box-sizing:border-box;
box-shadow:none;
border-radius:0;
color:#fff;
margin:5px auto;
padding-top:0;
padding-bottom:0
}
.module-testimonial-slider .testimonial-content .testimonial-entry-content{
position:relative;
background-color:#fff;
color:#666;
font-size:18px;
box-sizing:border-box;
box-shadow:0 32px 49px 0 rgba(0, 0, 0, .09);
border-radius:4px;
padding:30px 60px 10px;
margin:15px auto 30px;
text-align:left;
line-height:1.8em
}
.image-bubble.module-testimonial-slider .testimonial-entry-content:after{
content:"";
width:0;
height:0;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:20px solid #fff;
position:absolute;
top:100%;
left:15%
}
.image-bubble.module-testimonial-slider .testimonial-image{
float:left;
transform:none;
margin-right:20px;
display:inline-block
}
.image-bubble.module-testimonial-slider .testimonial-image img{
background-color:#fff;
padding:2px
}
.image-bubble.module-testimonial-slider .testimonial-author{
display:inline-block
}
.module-testimonial-slider .person-name{
font-size:20px;
font-weight:600
}
.testimonial-author .person-position,
.testimonial-author .person-company{
display:inline-block;
font-size:16px
}
.module-testimonial-slider .carousel-nav-wrap{
color:#fff
}
.image-bubble.module-testimonial-slider .carousel-nav-wrap{
left:3%;
right:auto
}
.module-testimonial-slider .carousel-prev,
.module-testimonial-slider .carousel-next{
padding:5px
}
.module-testimonial-slider .carousel-prev:before,
.module-testimonial-slider .carousel-next:before{
width:20px;
height:22px;
border-width:4px
}
@media(min-width:680px){
.image-bubble.module-testimonial-slider .carousel-nav-wrap{
padding-right:12%;
right:0;
left:auto
}
.module-testimonial-slider .testimonial-content{
padding:0 8%;
margin:5px 25px
}
.image-bubble.module-testimonial-slider .testimonial-content{
margin:5px 25px
}
}
/*/wp-content/themes/themify-ultra/styles/colors/black.css*/
/* general bg & color */
a, .post-nav .arrow{
color:#000
}
a:hover{
color:#999
}
.post-nav a:hover span{
color:inherit
}
.post-title a{
color:#000
}
.post-title a:hover{
color:#999
}
input[type=reset],
input[type=submit],
button,
#respond #cancel-comment-reply-link,
.commentlist .comment-reply-link{
background-color:#000;
color:#fff;
border:none
}
input[type=reset]:hover,
input[type=submit]:hover,
button:hover,
.commentlist .comment-reply-link:hover,
#respond #cancel-comment-reply-link:hover{
background-color:#999;
color:#fff
}
#main-nav .has-mega-column {
color:#666;
}
.header-minbar #main-nav .has-mega-column,
.header-slide-out #main-nav .has-mega-column,
.header-leftpane #main-nav .has-mega-column,
.header-rightpane #main-nav .has-mega-column,
.mobile-menu-visible #main-nav .has-mega-column {
color:rgba(255,255,255,.8)
}
.boxed-content,
#slide-cart,
.header-minbar .sidemenu,
.header-slide-out .sidemenu,
.mobile_menu_active .sidemenu,
#headerwrap,
#footerwrap{
background-color:#000;
color:rgba(255,255,255,.8)
}
.header-stripe.mobile-menu-visible #headerwrap a,
.header-rightpane #main-nav ul a,
.header-rightpane #main-nav .mega-menu-posts a,
.header-leftpane #main-nav ul a,
.header-leftpane #main-nav .mega-menu-posts a,
.mobile-menu-visible #headerwrap #main-nav a,
.mobile-menu-visible #header .social-widget a,
#slide-cart .product-title a,
#headerwrap a,
#footerwrap a{
color:#fff
}
#main-nav ul .current_page_item > a,
#main-nav ul .current-menu-item > a,
.transparent-header #main-nav ul a:hover,
.transparent-header #main-nav .mega-menu-posts a:hover,
#main-nav ul a:hover,
#main-nav .mega-menu-posts a:hover{
color:#999
}
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#headerwrap a:hover,
#footerwrap a:hover,
#slide-cart a:hover,
.header-stripe.mobile-menu-visible #headerwrap a:hover,
.header-rightpane #main-nav ul a:hover,
.header-rightpane #main-nav .mega-menu-posts a:hover,
.header-leftpane #main-nav ul a:hover,
.header-leftpane #main-nav .mega-menu-posts a:hover,
.mobile_menu_active #headerwrap a:hover,
.mobile-menu-visible #headerwrap a:hover,
.mobile-menu-visible #headerwrap #main-nav a:hover,
.mobile-menu-visible #headerwrap #main-nav ul a:hover{
color:#999
}
#headerwrap h1,
#headerwrap h2,
#headerwrap h3,
#headerwrap h4,
#headerwrap h5,
#headerwrap h6,
#footerwrap h1,
#footerwrap h2,
#footerwrap h3,
#footerwrap h4,
#footerwrap h5,
#footerwrap h6{
color:inherit
}
/* full section scrolling loader */
.theme-color-black .section_loader{
background-color:#000
}
/* header classic */
body:not(.mobile_menu_active).header-classic #headerwrap{
background-color:transparent;
color:inherit
}
.header-classic:not(.mobile_menu_active) #site-logo a{
color:inherit
}
body:not(.mobile_menu_active).header-classic #headerwrap .navbar-wrapper{
background-color:#000
}
/* header stripe */
.header-stripe #headerwrap,
.header-stripe #headerwrap.fixed-header{
background-color:transparent;
color:#000;
}
.header-stripe #headerwrap a{
color:#000
}
.header-stripe #headerwrap a:hover{
color:#999
}
.header-stripe #site-logo{
background-color:#000;
color:#fff;
}
.header-stripe #site-logo a,
.header-stripe #site-logo a:hover{
color:#fff
}
/* semi-transparent element */
.transparent-header #headerwrap.fixed-header,
#headerwrap.fixed-header,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.single .post-content .post-date,
.loops-wrapper.list-post .post-date,
.mobile-menu-visible.header-overlay #headerwrap,
#pagewrap .back-top-float{
background-color:rgba(0,0,0,.8);
color:#fff
}
/* left/right pane menu icon */
.mobile_menu_active.header-leftpane #pagewrap #headerwrap #menu-icon,
.mobile_menu_active.header-rightpane #pagewrap #headerwrap #menu-icon{
background-color:#000;
color:#fff
}
/* sidebar toggle & footer tab */
.sticky_sidebar_enabled #toggle-mobile-sidebar-button,
.header-bottom #pagewrap .back-top-float,
.footer-tab,
.full-section-scrolling #footerwrap .back-top .arrow-up a,
.footer-horizontal-left #footerwrap .back-top .arrow-up a,
.footer-horizontal-right #footerwrap .back-top .arrow-up a,
.footer-left-col #footerwrap .back-top .arrow-up a,
.footer-right-col #footerwrap .back-top .arrow-up a{
background-color:#000;
color:#fff
}
.header-bottom #pagewrap .back-top-float:hover,
.footer-tab:hover,
.full-section-scrolling #footerwrap .back-top .arrow-up:hover a,
.footer-horizontal-left #footerwrap .back-top .arrow-up:hover a,
.footer-horizontal-right #footerwrap .back-top .arrow-up:hover a,
.footer-left-col #footerwrap .back-top .arrow-up:hover a,
.footer-right-col #footerwrap .back-top .arrow-up:hover a{
background-color:#999;
color:#fff
}
/* Flip Post Layout */
.loops-wrapper.flip .post-image + .post-content{
background-color:#000;
color:rgba(255,255,255,.8)
}
.loops-wrapper.flip .post-image + .post-content a{
color:#fff
}
.loops-wrapper.flip .post-image + .post-content a:hover{
color:#999
}
/* WOOCOMMERCE
================================================ */
/* button */
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.product .button{
background-color:#000;
color:#fff
}
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover{
background-color:#999;
color:#fff
}
#slide-cart .button{
background-color:#999;
}
/*/wp-content/themes/themify-ultra-child/style.css*/
/*
Theme Name: CJO Ultra Child
Theme URI: http://childtheme-generator.com/
Description: CJO Ultra Child is a child theme of Themify Ultra, created by ChildTheme-Generator.com
Author: Thomas O. Morel
Author URI: http://childtheme-generator.com/
Template: themify-ultra
styleVersion: 1.0.0
Text Domain: cjo-ultra-child
*/
/* CSS RESET */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
letter-spacing: normal;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
margin-top: 0px !important;
background-color: #030303;
}
/********* END CSS RESET ***********/
#headerwrap{
margin-top: 31px;
}
#article-more{
display: none;
}
#article-more-trigger{
margin-bottom: 10em;
}
#article-more-trigger .read-more p:hover {
background-color: white;
color: black;
transition: background-color 1s;
}
#article-more-trigger .read-more p {
background-color: black;
width: 7em;
text-align: center;
border-radius: 8px;
padding: 8px;
cursor: pointer;
transition: background-color 1.5s;
}
.submit-article-page{
line-height: normal;
}
div#wpcf7-f18540-p16213-o1 {
padding: 20px;
background-color: rgb(0 0 0 / 22%);
border-radius: 8px;
}
body.page-join-us {
background-color: transparent;
}
.loops-wrapper.team-bio {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blog-post-content.team-bio {
text-align: center;
}
.cjo-post-image-loop.team_bio img {
width: 300px;
height: auto;
}
.cjo-post-image-loop {
width: auto;
text-align: center;
}
.team-bio-name {
font-weight: bold;
color: #000000;
font-size: 1.7em;
}
.team-bio-position_title {
font-size: 1.4em;
}
.cjo-post-content.bio_team-bio-text {
text-align: left;
}
span.bio-text-more-trigger {
color: #ecad54;
font-weight: bold;
cursor: pointer;
}
span.bio-text-more-trigger:hover {
color: #000000;
font-weight: bold;
cursor: pointer;
}
.cjo-post-image-loop.team_bio {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
div#article-disclaimer {
font-size: 1.3em;
margin-bottom: 3em;
background-color: #d7d0cb;
padding: 1em;
color: #000000;
border-radius: 4px;
line-height: 1.3em;
}
@media print {
div#headerwrap,
div#footerwrap {
display: none;
}
body {
margin: 25mm 25mm 25mm 25mm;
}
@page {
size: 8.5in 11in; /* width height */
margin: 6% 0 6% 0;
}
.addtoany_shortcode {
display: none;
}
}
.ptb_module img {
max-width: 100%;
height: auto;
/* width: 20%; */
}
.ptb_module.ptb_image.resource-image.ptb_resource_thumbnail .ptb_image {
max-width: 100%;
width: 70%;
}
.ptb_col.ptb_col1-1.ptb_col_first.resoure-content-block
.ptb_module.ptb_image.resource-image.ptb_resource_thumbnail
.ptb_image {
max-width: 100%;
width: 100%;
}
.ptb_col.ptb_col1-1.ptb_col_first.resoure-content-block
.ptb_module.ptb_image.resource-image.ptb_resource_thumbnail
.ptb_image
img {
max-width: 100%;
width: 22%;
}
div#alert-trigger {
color: black;
cursor: pointer;
}
div#front-top-row {
padding-top: 4%;
}
.half-left.last {
margin-left: 5%;
float: right;
}
.half-left {
width: 43%;
float: left;
}
div.related-posts {
display: block;
font-size: 16px;
line-height: normal;
}
.cjo-sm-bar {
float: right;
height: 46px;
/* border: solid white 2px; */
margin-top: .75em;
width: 35%;
}
.cjo-sm-bar .social-links .icon-large em {
font-size: 20px;
padding: 0px 3px;
width: unset;
height: unset;
}
#headerwrap .cjo-sm-bar .social-links a:hover {
color: #f1b868;
}
.related-posts .post-image {
text-align: center;
}
div.related-posts article figure img {
width: auto;
height: 150px;
}
.related-posts .post-meta {
display: none;
}
.sidebar-none #layout {
display: flex;
}
.error404 main#content {
width: 50%;
margin: 0 auto;
}
.page-unit-visits .themify-popup.top-center {
margin-top: 10%;
}
body.page-30-under-30-award {
}
body.page-unit-visits .mfp-content button.mfp-close {
color: #fff !important;
top: 3em;
right: 1em;
background: rgba(255, 0, 0, 0.5);
}
body.page-unit-visits a.tf_popup {
text-decoration: none !important;
color: #ffffff;
line-height: 110%;
padding: 0.5em 1em;
margin: 0.5em 0.2em;
/* border: solid 1px #aaa; */
background-color: #030000;
background-image: none;
vertical-align: middle;
display: inline-block;
text-shadow: 0 1px 0 rgb(255 255 255 / 10%);
border-radius: 0.3em;
box-shadow: 0 1px 0 rgb(0 0 0 / 5%), inset 0 1px 0 rgb(255 255 255 / 20%),
inset 0 -1px 0 rgb(255 255 255 / 10%);
-webkit-transition: background-color 0.3s, background-color 0.3s, border 0.3s,
color 0.3s;
-moz-transition: background-color 0.3s, background-color 0.3s, border 0.3s,
color 0.3s;
-o-transition: background-color 0.3s, background-color 0.3s, border 0.3s,
color 0.3s;
transition: background-color 0.3s, background-color 0.3s, border 0.3s,
color 0.3s;
font-weight: 700;
text-transform: uppercase;
line-height: normal;
padding: 1em 2.55em;
font-size: 0.8em;
}
a.tf_popup:hover {
background-color: #030000;
}
.uv-col-header {
min-height: 4em;
}
.themify-popup p a.uv-contact-us {
color: #f0b057;
}
.themify-popup p a.uv-contact-us:hover {
color: #030000 !important;
}
#themify_builder_content-11847 {
clear: unset !important;
}
.pagewidth,
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.single.blog-post .thumbnail {
width: 20%;
float: right;
}
.powerpress_player {
width: 30%;
}
.mobile_menu_active .powerpress_player {
width: 100%;
margin-bottom: 3em;
}
.page-title,
.single-post article.category-case-study h1.lead-title {
margin-bottom: 0.4em;
padding-top: 10px;
font-size: 2.8em;
text-align: center;
}
.cclpd-member a,
.case-study-member a,
.cclpd-public a,
.case-study-public a,
body.page-id-16213 a {
color: #f0b057;
}
.cclpd-member a:hover,
.case-study-member a:hover,
.cclpd-public a:hover,
.case-study-public a:hover {
color: #030000;
}
.page-our-team .page-title {
margin-bottom: 15px;
}
.page-our-team .bio-text {
font-size: 16px;
}
#main-nav :last-child a {
color: #f0b057;
font-size: 0.8em;
}
#main-nav li.menu-item-13974 > .sub-menu {
width: 250px;
}
.page-content.entry-content {
margin: 0 2%;
}
body.page-about #pagewrap {
background-image: url(/wp-content/uploads/2021/01/thayer-hall.png);
background-size: cover;
}
body.page-id-16213 ul {
padding-left: 20px;
}
body.page-about .page-content.entry-content,
body.page-id-16213 .page-content-entry-content {
margin: 0 0;
}
body.page-about .about-narrative {
color: #ffffff;
}
.ppage-submit-content .page-content.entry-content,
bbody.page-register {
margin: 10px 10%;
}
body.page-register #footer-logo img {
width: 30%;
}
.footer-block #footer {
text-align: left;
}
.themify-custom-ad.themify-index-ad h3 a {
font-weight: normal;
}
.themify-custom-ad.themify-index-ad h3 a:hover {
text-decoration: underline;
}
.page-join-us .intro-text h1,
.page-essay-competition .intro-text h1 {
padding-top: 2em;
color: #fff;
}
.page-contact .page-title,
.page-join-us .page-title,
.page-essay-competition .page-title {
margin-bottom: 0;
padding-top: 2em;
color: #ffffff;
}
.mobile_menu_active.page-contact .page-title,
.mobile_menu_active.page-join-us .page-title,
,
.mobile_menu_active.page-essay-competition .page-title {
margin-bottom: 0;
padding-top: 0px;
}
.contact-narrative {
padding-top: 25px;
color: #ffffff;
}
.page-contact .contact-form {
color: #ffffff;
}
h3 {
font-size: 1.45em;
letter-spacing: normal;
}
.pagewidth {
width: auto;
}
body {
font-size: 18px;
line-height: normal;
}
/* footer stuff */
.footer-left-col .main-col.first,
.footer-horizontal-left .footer-left-wrap.first,
.footer-horizontal-left .footer-right-wrap.first {
margin-left: 10%;
clear: left;
}
.footer-left-col .section-col,
.footer-horizontal-left .footer-right-wrap {
width: 25%;
}
.tb_responsive_mode.footer-left-col .section-col {
width: 100%;
}
a#lol-playlist {
font-size: 1.2em;
color: #f0b057 !important;
}
a#lol-playlist:hover {
color: #000000 !important;
}
a:hover {
color: #000000;
}
not:(#main-nav) a:hover {
color: #000000;
}
#main-nav a:hover, #main-nav ul a:hover{
color: #000000;
}
a:hover, .post-title a:hover {
color: #000000;
}
a#lol-playlist {
font-size: 1.2em;
color: #f0b057 !important;
}
a#lol-playlist:hover {
color: #000000 !important;
}
.contact-narrative a,
.page-cjo-leadership-fellows-program p a,
.page-apply-to-cjo a {
color: #f0b057;
}
.contact-narrative a:hover,
.page-cjo-leadership-fellows-program p a:hover {
color: #ffffff !important;
}
.page-cjo-leadership-fellows-program p a:hover,
.page-apply-to-cjo a:hover {
color: #030000 !important;
}
.pagenav a {
color: #f0b057 !important;
/*border: transparent solid 1px;*/
}
.pagenav a.number:hover {
/*color: #f0b057 !important;*/
/*border: #f0b057 solid 1px;*/
background: #f2bb73;
color: #030000 !important;
text-decoration: none;
}
.pagenav .current {
border: #f0b057 solid 1px;
background: cornsilk;
color: #030000;
}
.pagenav .prevp::before,
.pagenav .nextp::before,
.pagenav .firstp::before,
.pagenav .firstp::after,
.pagenav .lastp::before,
.pagenav .lastp::after {
}
h4 a:hover,
.lpd-materials-col-title h4 a:hover {
color: #f0b057 !important;
}
/* HIDE WP ADMIN BAR */
#wpadminbar {
/* display: none; */
}
#wp-admin-bar-tf_clear_cache {
display: none;
}
/*
Add your custom styles here
*/
body {
background-color: #ffffff;
}
body:not(.home) #body {
margin: auto;
/* max-width: 1260px; */
font-size: 14px;
line-height: 130%;
padding: 0 0;
}
body.page-unit-visits #body,
body.page-unit-visits #body {
/*padding: 10px 10%;*/
}
body.page-about #body,
body.page-join-us #body,
body.page-essay-competition #body {
padding: 3% 0;
}
body.page-resources #body {
margin-bottom: 3em;
}
body.page-about #body,
body.page-join-us #body,
body.page-essay-competion #body {
padding: 54px 0 0 0;
}
body.mobile_menu_active.page-about #body,
body.page-join-us #body,
body.page-essay-competition #body {
padding: 0;
}
.module.module-buttons.join-us-button,
.module.module-buttons.essay-competition-button {
margin: 10px auto;
width: 85%;
}
.page-our-team .team-row.sf,
.page-our-team .team-row.fellows {
padding: 1% 10%;
}
.page-our-team .team-row.fellows .row-two {
padding: 2% 0;
}
.page-our-team .module-image .image-wrap img.wp-post-image {
/* width: 195px;
height: 195px; */
object-fit: contain;
object-position: center;
height: 300px;
width: 300px;
}
#layout {
margin: 0 auto;
}
.tb_responsive_mode #layout,
.tb_responsive_mode #layout {
margin: 4% auto;
}
body.page-join-us .skin-styles:before {
background-image: url(/wp-content/uploads/2021/01/join-us_colton-sturgeon-N4fdQbMJ0nI-unsplash.jpg);
background-size: contain;
content: "";
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
z-index: -1;
}
.page-essay-competition .skin-styles::before {
background-position-x: 75%;
}
.page-id-13228.skin-styles {
/* background-image: url(https://juniorofficer.army.mil/wp-content/uploads/2021/05/write-scaled.jpg); */
background-size: contain;
}
#page-16213 {
/* background-image: url(https://juniorofficer.army.mil/wp-content/uploads/2021/05/write-scaled.jpg); */
background-image: url(/wp-content/uploads/2021/10/write-scaled_small.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: top;
}
.page-about.tb_responsive_mode #layout,
.page-join-us.tb_responsive_mode #layout,
.page-submission-guidance.tb_responsive_mode #layout,
.page-essay-competition.tb_responsive_mode #layout {
margin: 0;
width: 100%;
max-width: 100%;
}
.page-join-us #body,
.page-contact #body,
.page-essay-competition #body {
background-color: rgba(3, 0, 0, 0.7);
}
.page-contact input[type="submit"] {
border: 3px solid rgba(255, 255, 255, 0.46);
}
body.page-about .pagewidth {
max-width: 100%;
}
h3#reply-title {
color: blue;
}
#front-top-row {
background-position: 63% 3%;
background-size: cover;
}
.front-lead-line h1 {
letter-spacing: 0.05em;
line-height: 0.9em;
}
.footer-left-col .section-col {
width: 41.2%;
}
.lc-inner-form {
display: none;
}
.cclpd-inner-form {
margin: 10px 15%;
}
.cclpd-request-button {
margin-top: 25px;
}
.lc-request-button,
.cclpd-request-button a,
div.cclpd-register-cjo .image-title a {
color: #ffffff !important;
background-color: #030000;
font-size: 1.2em;
width: 53%;
margin: 0 auto 30px;
}
div.cclpd-register-cjo .image-title a {
font-size: 0.9em;
padding: 0.65em 2.1em 0.85em;
}
.cclpd-register-cjo.non-member .image-title > a {
background-color: #030000;
padding: 15px 25px;
border-radius: 15px;
color: #000;
/*box-shadow: 6px 7px 3px;*/
font-size: 0.8em;
}
div.module-buttons.module-buttons.cclpd-request-button a:hover,
div.cclpd-register-cjo .image-title a:hover {
color: #f0b057 !important;
background-color: #030000;
}
.cclpd-member .module-image.image-card-layout,
.cclpd-public .module-image.image-card-layout {
box-sizing: border-box;
background-color: #fff;
box-shadow: unset;
text-align: left;
margin: 0 auto;
}
.module.image-card-layout .image-wrap img {
width: 220px;
margin-bottom: 3em;
}
.cclpd-public .module.image-card-layout .image-wrap img {
width: 220px;
margin-bottom: 0;
}
.cclpd-public-request,
w2l-public-request {
margin-top: 4em;
}
.l2l-description {
max-width: 70%;
margin: 0 auto;
}
#headerwrap {
height: 80px;
border-bottom: none;
background-color: unset;
margin-bottom: 3.7em;
}
.page-about #headerwrap,
.page-join-us #headerwrap,
.page-contact #headerwrap,
.page-submission-guidance #headerwrap,
.page-essay-competition #headerwrap {
margin-bottom: 0;
}
.mobile_menu_active.page-unit-visits #headerwrap {
margin-bottom: 0;
}
.page-join-us #headerwrap {
height: unset;
}
body.home-page #headerwrap {
margin-bottom: -2px;
}
body.single-post main#content {
padding: 0 !important;
margin: 2% 5%;
}
body.mobile_menu_active.single-post main#content {
padding: 0 !important;
margin: 2%;
}
#header {
padding: 0 5em;
position: fixed;
max-width: 100%;
/* width: 100%; */
min-height: 70px;
background-color: rgba(3, 0, 0, 1);
}
.mobile_menu_active #header {
padding: 0 5em;
position: unset;
max-width: 100%;
width: 100%;
min-height: 70px;
background-color: rgba(3, 0, 0, 1);
}
body.tb_responsive_mode #header {
padding: 0 5em;
position: relative;
max-width: 100%;
width: 100%;
min-height: 70px;
background-color: rgba(3, 0, 0, 1);
}
/* SHADOW ON HEADER LOGO */
div#site-logo {
position: relative;
}
div#site-logo img {
vertical-align: middle;
height: auto;
}
.fixed-header-on .header-bar {
display: block;
}
.header-bar div#site-logo {
background-color: #f3ecec61;
border-radius: 4%;
padding: 4px 7px;
}
#site-description {
opacity: 1;
}
#site-description img {
height: 78px;
width: auto;
padding: 4px;
padding-left: 50px;
background-image: url(/wp-content/uploads/2021/01/CJO_Logo_only_white_bg_wide_outline_dark_bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 10px 0px;
}
body.mobile_menu_active #site-description img {
height: auto;
width: 308px;
}
.header-bar {
float: left;
background-color: none;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 6px;
}
/* MAKE SEARCH BOX VISIBLE OVER THE MENU */
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .tf_fa:hover + #s {
width: 340px;
background-color: #f5c275;
z-index: 99;
color: #030000;
}
body.search-results .loops-wrapper article {
min-height: 160px;
}
#headerwrap.headerwrap-home {
margin-bottom: 0;
}
.search-button {
color: #ffffff;
}
div#page-title-bar {
color: #ffffff;
clear: both;
text-align: center;
padding-top: 5.6em;
padding-bottom: 1px;
background: #030000;
display: none;
}
body.tb_responsive_mode div#page-title-bar {
padding-top: 1em;
display: none;
}
div#page-title-bar .page-title {
margin: 0 0 10px 0;
}
#page-title-bar span {
color: #ca8037;
font-size: 0.8em;
}
main#content {
padding: 0 !important;
}
div#check-email-notice {
background-color: cornsilk;
border: 4px solid maroon;
padding: 10px;
text-align: center;
margin-top: 15px;
}
.themify_builder_content-12030 .tb_2cif822.module_row {
background-position: 67% 15% !important;
}
#home-5-col-row .home-5-col {
/*
height: 520px;
max-height: 520px;
*/
}
.hhome-5-col,
.lpd-materials-col {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.71);
padding: 15px;
}
.shadow-col {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.71);
padding: 15px;
}
/* fix height of 5 col element on home page */
.home-5-col-description {
font-size: 14px;
line-height: 1.4em;
min-height: 152px;
max-height: 152px;
overflow: hidden;
padding-top: 20px;
}
.mobile_menu_active .home-5-col {
margin-bottom: 41px;
}
.resources-col {
border-top: 6px solid #030000;
}
#articles-slider article {
line-height: normal;
}
#articles-slider article div.lead-title a,
.lpd-materials-col .lpd-materials-col-title h4 a,
.resources-col .resources-col-title h4,
article .resources-col-title h4 {
color: #030000;
font-size: 1em;
}
#articles-slider article:nth-child(odd) div.lead-title a,
.lpd-materials-col:nth-child(even) .lpd-materials-col-title h4 a,
.resources-row-one .resources-col:nth-child(2) .resources-col-title h4,
.resources-row-two .resources-col:nth-child(4) .resources-col-title h4 {
color: #030000;
}
#articles-slider article:nth-child(4n) div.lead-title a,
.lpd-materials-col:nth-child(3n) .lpd-materials-col-title h4 a,
.resources-row-one .resources-col:nth-child(3n) .resources-col-title h4 {
color: #030000;
}
#articles-slider article div.lead-title a:hover,
.lpd-materials-col .lpd-materials-col-title h4 a:hover,
.resources-col .resources-col-title h4 a:hover {
color: #f0b057;
}
.resources-col-description {
min-height: 6em;
}
.single.leader-challenge-post .lc-intro-video {
/*background: rgba(03, 00, 00, 0.1);*/
/*padding: 15px;*/
}
.single.leader-challenge-post .lc-featured-image.image-top.tf_mw {
max-width: 65%;
margin: 0 auto;
}
.single.leader-challenge-post .lc-featured-image .wp-post-image {
border-radius: 50%;
}
.single.leader-challenge-post .lc-intro-video .video-wrap {
padding-bottom: 25%;
width: 80%;
height: 0;
min-height: 200px;
}
.lc-description:first-child() img {
width: 35%;
}
.lc-description p img {
width: 220px;
height: auto;
object-fit: contain;
}
.mobile_menu_active .lc-description p img {
width: 110px;
height: 110px;
object-fit: fill;
}
.lc-download-button {
margin-top: 5px;
}
.lc-download-button.module-buttons span {
font-size: 1em;
}
#articles-wrapper {
margin-top: 25px;
}
#articles-slider article,
.lpd-materials-col,
.resources-col,
#loops-wrapper article.category-leadershuddle,
#loops-wrapper article.category-leader-challenge-post,
#loops-wrapper article.category-case-study,
.loops-wrapper article.team-bio {
border-top: 6px solid #030000;
}
.single.case-study .download-button a.builder_button {
padding-left: 10px;
padding-bottom: 15px;
padding-right: 10px;
padding-top: 15px;
background-color: rgba(3, 0, 0, 1);
color: #ffffff;
background-image: none;
margin-top: 25px;
}
.resources-row-two .resources-col:nth-child(1) {
border-top: 6px solid #f0b057;
}
.resources-row-two .resources-col:nth-child(2n) {
border-top: 6px solid #030000;
}
/*.resources-row-two .resources-col:nth-child(odd){*/
/* border-top: 6px solid #030000;*/
/*}*/
/*.lpd-materials-col:nth-child(3n), .resources-row-one.resources-col:nth-child(3n), #loops-wrapper article.category-leadershuddle:nth-child(3n){*/
/* border-top: 6px solid rgba(3, 0, 0, 0.4);*/
/*}*/
.blog-post-content.leader-challenge-post .lead-title {
font-size: 1.5em;
font-weight: bold;
color: #030000;
/*padding: 5px 11px;*/
/*padding-left: 10%;*/
/*min-height: 3.6em;*/
display: flex;
justify-content: center;
text-align: center;
align-items: center;
line-height: 130%;
}
body.single-post
article.type-post
.blog-post-content.leader-challenge-post
.lead-title {
font-size: 2.5em;
}
body.single-post
.latest-content-listing.leader-challenge
article.type-post
.blog-post-content.leader-challenge-post
.lead-title {
font-size: 1.2em;
}
.blog-post-content.leader-challenge-post .cjo-post-image-loop img {
/*
height: 116px;
object-fit: cover;
*/
}
.blog-post-content.case-study .cjo-post-image-loop img {
height: 150px;
object-fit: contain;
}
.blog-post-content.normal-post {
margin-top: 2%;
}
#articles-slider .pagenav {
padding-top: 1.5em;
}
.tl-slide-content-container,
.tl-slider-item-container {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: top;
padding: 20px;
}
body.page-cjo-30-under-30-award a {
color: #f0b057;
}
body.page-cjo-30-under-30-award a:hover {
color: #030000;
}
#home-5-col-row .col_align_middle > .module_column,
.fullheight > .row_inner > .col-full,
.col_align_middle > .module_column,
.fullheight > .row_inner > .col-full {
align-items: center;
align-content: center;
}
/*
.themify_builder_content-12030 .home-5-col:nth-child(even) .home-5-col-title, {
border-top: 6px solid #ffd530;
}
*/
.home-5-col .module-image img,
.cjo-post-image-loop img {
/* width: 190px; */
object-fit: cover;
object-position: center top;
height: 217px;
/* width: 100%; */
/* object-fit: cover; */
/* object-position: center top; */
/* height: 130px; */
max-height: 190px;
overflow: hidden;
}
form.es_subscription_form input[type="submit"] {
background-color: gray;
padding: 10px;
border: 2px solid white;
}
form.es_subscription_form input[type="submit"]:hover {
background-color: rgba(03, 0, 0, 0.4);
padding: 10px;
border: 2px solid green;
}
.es_subscription_message.success {
color: gray;
font-size: 16px;
}
.resources-col {
padding: 15px;
}
body.mobile_menu_active .resources-col {
padding: 15px;
margin-bottom: 25px;
}
.resources-row-two {
padding-bottom: 2%;
}
.loops-wrapper > article.post.cat-613
.cjo-series-col{
margin-bottom: 2em;
}
.cjo-series-col .lpd-materials-col-button {
margin-top: 1em;
}
.loops-wrapper > article.post.category-cjo-series:nth-child(even),
.cjo-series-col:nth-child(even),
.lpd-materials-col:nth-child(even),
.resources-row-one .resources-col:nth-child(2n),
.resources-row-two .resources-col:nth-child(2n-1),
#loops-wrapper article.category-leadershuddle:nth-child(even),
.loops-wrapper article.team-bio:nth-child(even) {
border-top: 6px solid #f0b057;
}
.cjo-series-col-description{
min-height: 8em;
max-height: 11em;
overflow: hidden;
}
article.post.category-cjo-series .cjo-post-content {
/*
min-height: 8em;
max-height: 11em;
overflow: hidden;
'*/
}
.cjo-series-intro{
font-size: 1.3em;
line-height: normal;
}
.cjo-series-view-all-button-row{
padding-bottom: 2em;
}
article.post.category-cjo-series .blog-post-content .lead-title
{
min-height: 4.1em;
max-height: 4.1em;
}
.loops-wrapper > article.post.category-cjo-series .cjo-post-image-loop img , .cjo-series-col .module-image img {
width: 100%;
max-height: 150px;
min-height: 150px;
width: 100%;
object-fit: cover;
/* max-height: 15em; */
/* margin-bottom: 10px; */
/* width: 100%; */
/* object-fit: cover; */
object-position: center;
/* height: 130px; */
/* max-height: 130px; */
/* margin-bottom: 10px; */
}
.lpd-materials-col .module-image img {
width: 100%;
max-height: 150px;
min-height: 150px;
width: 100%;
object-fit: cover;
/* max-height: 15em; */
margin-bottom: 10px;
/* width: 100%; */
/* object-fit: cover; */
object-position: center;
/* height: 130px; */
/* max-height: 130px; */
/* margin-bottom: 10px; */
}
.resources-col .module-image img {
width: 100%;
object-fit: cover;
max-height: 6em;
margin-bottom: 10px;
/* width: 100%; */
/* object-fit: cover; */
object-position: center;
/* height: 130px; */
/* max-height: 130px; */
/* margin-bottom: 10px; */
}
.resources-col .module-image img {
object-fit: contain;
}
/* min-height for the LPD materials page (id: 12572) */
body.page-lpd-materials main#content {
min-height: 520px;
}
body.page-leaders-huddle-2 main#content {
margin-top: 2%;
}
.page-leaders-huddle-2 body.page-about {
background-position: 50% 50%;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-image: url(/wp-content/uploads/2020/12/thayer-hall.png);
}
body.page .themify_builder_row.module_row.main-row {
min-height: 500px;
padding: 0 15%;
}
body.page-join-us .themify_builder_row.module_row.main-row,
body.page-essay-competition .themify_builder_row.module_row.main-row {
padding: 3%;
}
body.page .themify_builder_row.module_row.resources-child.main-row {
min-height: 250px;
}
body.page-submission-guidance div.page-content.entry-content,
body.page-essay-competition div.page-content.entry-content {
margin: 0;
}
body.page-join-us div.page-content div.main-row,
body.page-essay-competition div.page-content div.main-row {
color: #ffffff;
padding-top: 20px;
}
body.page-contact .form.wpcf7-form {
width: 70%;
margin: 0 auto;
}
.dark-overlay {
background-color: rgba(3, 0, 0, 0.7);
}
.dark-overlay.about-row,
.dark-overlay.submission-guidance,
.dark-overlay.main-row {
margin-top: -2px;
padding: 1% 5%;
padding-top: 4%;
}
.dark-overlay.submission-guidance,
,
.dark-overlay.main-row {
padding-top: 7%;
}
.page-join-us .dark-overlay.main-row,
.page-essay-competition .dark-overlay.main-row {
margin-top: 0;
padding: 1% 5%;
}
div.join-us-button .module-buttons-item a.tb_default_color,
div.essay-competition-button .module-buttons-item a.tb_default_color {
background-color: #030000;
color: #fff;
border: 1px solid white;
border-radius: 8px;
}
div.join-us-button .module-buttons-item a.tb_default_color:hover,
div.essay-competition-button .module-buttons-item a.tb_default_color:hover {
border: 1px solid #f0b057;
}
div.join-us-button .module-buttons-item a span,
div.essay-competition-button .module-buttons-item a span {
color: #fff;
}
body.mobile_menu_active div.join-us-button .module-buttons-item a span,
body.mobile_menu_active
div.essay-competition-button
.module-buttons-item
a
span {
font-size: 0.8em;
}
div.join-us-button .module-buttons-item a span:hover,
div.essay-competition-button .module-buttons-item a span:hover {
color: #f0b057;
}
.prev-directors {
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.8);
padding: 25px;
color: #030000;
line-height: 1.2em;
width: 70%;
border-radius: 8px;
}
body.mobile_menu_active .prev-directors {
padding: 10px;
color: #030000;
line-height: 1.2em;
width: 90%;
border-radius: 8px;
margin-bottom: 20px;
}
.prev-directors .title {
text-align: center;
font-size: 1.8em;
font-weight: bold;
}
.prev-directors .listing {
width: 95%;
margin: 15px auto;
}
body.mobile_menu_active .prev-directors .listing {
width: 100%;
}
.prev-directors .list-item {
font-size: 1.2em;
line-height: 1.2em;
}
.prev-directors .list-item .list-item-dates {
float: right;
}
.ptb_resource_row {
text-align: center;
margin-top: 25px;
}
.ptb_module.ptb_image.ptb_resource_thumbnail {
width: auto;
min-width: 38%;
margin: 0 auto;
}
.ptb_module.ptb_image.ptb_resource_thumbnail .ptb_image {
width: auto;
}
.module-gallery .gallery-item .wp-post-image.wp-image-13302 {
background-color: gray;
padding: 10px;
border-radius: 8px;
}
body.page-leadership-videos .ptb_module.ptb_image.ptb_resource_thumbnail,
body.page-junior-officer-toolkits .ptb_module.ptb_image.ptb_resource_thumbnail,
body.page-reading-list .ptb_module.ptb_image.ptb_resource_thumbnail {
// width: 38%;
}
div.resource-shortcode .ptb_module {
// width: auto;
/* height: 100%; */
/* vertical-align: bottom; */
/* white-space: normal; */
float: left;
/* border: 2px solid red; */
//display: block;
display: flex;
align-items: center;
justify-content: center;
// height: 100%;
/* background: green; */
}
.page-reading-lists .resource-template-col .ptb_post_image {
margin: 0 0 0 0;
// width: 72%;
}
.resource-template-col .ptb_post_image {
margin: 0 0 0 0;
// width: 90%;
}
.resource-template-col figure.ptb_post_image img {
// max-width: 76%;
// height: auto;
// max-height: 90%;
border-radius: 4px;
object-fit: contain;
/* width: 81%; */
padding-right: 9px;
}
.resource_button .ptb_link a.shortcode.ptb_link_button {
color: #030000 !important;
border: unset;
display: inline-flex;
text-align: left;
white-space: normal;
background-color: unset;
}
.resource_button .ptb_link a.shortcode.ptb_link_button:hover {
color: #f0b057 !important;
}
.resource-template-col {
box-shadow: 3px 3px 3px 3px rgba(3, 0, 0, 0.3);
/* height: 7em; */
height: 10vw;
// max-height: 8vw;
padding: 10px;
width: 16vw;
display: flex;
flex-direction: row;
}
.tb_responsive_mode .resource-template-col {
height: 26vw;
}
.tb_responsive_mode .resource-template-col figure.ptb_post_image img,
.tb_responsive_mode .ptb_module img {
max-width: 80%;
}
.resource-template-col:hover {
box-shadow: 3px 3px 3px 3px #f0b057;
/* background-color: gray; */
}
.ptb_module.ptb_image.ptb_resource_thumbnail .ptb_image {
width: auto;
max-width: 70%;
}
.shortcode.ptb_link_button {
border: none !important;
box-shadow: none !important;
}
.lpd-materials-col-description {
/* height: 9.2em;
min-height: 9.2em;
*/
height: 17.1em;
min-height: 17.1em;
overflow: hidden;
}
.page-lpd-materials.mobile_menu_active
.col3-1.first
.lpd-materials-col-description {
height: 15.2em;
min-height: 9.2em;
/* overflow: auto; */
}
.front-row {
padding-bottom: 35px;
}
body.mobile_menu_active div.themify_builder_row.module_row.front-row {
padding: 5px 20px;
}
.front-row.resources-row {
background-color: rgba(127, 127, 135, 0.39);
}
#inspiring-row {
padding: 0 0;
/* min-height: 100vh; */
}
.inspiring-row-narrative {
padding: 0.5em;
}
.insiring-text {
padding: 0 0;
}
body.mobile_menu_active #inspiring-row {
padding: 0 0;
}
.resources-row-title h1 {
padding-left: 2%;
padding-top: 2%;
}
.resources-subrow {
padding-left: 2%;
padding-right: 2%;
}
.resources-row .home-5-col {
background-color: white;
margin-bottom: 15px;
}
div#body .fullcover.col-inspiring {
padding: 5px 25px;
background-size: auto;
}
body.tb_responsive_mode div#body .fullcover.col-inspiring img.wp-post-image {
height: auto;
}
.articles-secondary-slider.slide-image-fullwidth .slide-image img {
width: 100%;
max-height: 200px;
object-fit: none;
}
article :not(div.cjo-blog) #attachments_list {
display: block;
}
.material-resource-descriptions-row .col_align_middle.col_auto_height {
align-items: normal;
}
.cjo-drop-cap:first-child:first-letter {
font-size: 1.85em;
float: none;
/* line-height: .4em; */
/* padding: .425em .375em; */
background-color: #030000;
color: #fff;
/* margin-right: .325em; */
margin-top: 0.15em;
}
.page-popular-content .summary-popular {
width: 100%;
height: auto;
}
.popular-parent-column {
margin-bottom: 30px;
}
ul.wpp-list a {
font-size: 1.2em;
font-weight: bold;
}
ul.wpp-list a img {
width: 100px;
height: auto;
}
h2.fancy-heading {
font-size: 1.2em;
}
.page-read2lead h2.fancy-heading {
font-size: 2.1em;
}
.mobile_menu_active.page-read2lead h2.fancy-heading {
font-size: 1.5em;
line-height: 1em;
}
.page-read2lead .read2lead-narrative {
max-width: 100%;
margin: 0 auto;
}
.module-fancy-heading h2.fancy-heading .main-head {
/*letter-spacing: normal;*/
}
.testimonial-row {
background-color: rgba(127, 127, 135, 0.39);
text-align: left;
color: white;
padding: 50px 0;
}
.testimonial-item .testimonial-author {
text-align: left;
font-size: 0.7em;
padding: 0 0 0 30px;
}
.module-testimonial-slider.testimonials
.testimonial-content
.testimonial-entry-content {
padding: 10px 60px 1px;
}
.mobile_menu_active
.module-testimonial-slider.testimonials
.testimonial-content
.testimonial-entry-content {
padding: 10px 4px 1px;
}
.module-testimonial-slider .testimonial-content .testimonial-entry-content {
position: relative;
background-color: unset;
color: #030000;
font-size: 18px;
box-sizing: border-box;
box-shadow: unset;
border-radius: unset;
padding: 5px;
margin: 0 auto;
text-align: left;
line-height: 1.7em;
}
#footer-logo {
font-family: "Oswald", Arial, sans-serif;
text-transform: uppercase;
margin: 0 0 1.3em;
background-image: url(/wp-content/uploads/2021/01/CJO_Logo_only_white_bg_wide_outline_dark_bg.png);
background-repeat: no-repeat;
padding-left: 46px;
background-size: contain;
}
#footer-logo img {
/* width: 100%; */
}
body.mobile_menu_active #footer-logo img {
width: 80%;
}
.footer-widgets div.themify-social-links {
text-align: center;
}
.footer-widgets .social-links .icon-large i {
font-size: 28px;
padding: 6px;
width: 36px;
height: 36px;
color: #fff;
background: rgba(255, 255, 255, 0.2);
}
ul.social-links .social-link-item.image-icon {
filter: grayscale(1);
}
#footer .back-top-float,
#pagewrap .back-top-float {
background-color: rgba(240, 176, 87, 1);
}
#footer {
background: #030303;
}
#footerwrap {
padding: 25px 25px 0 25px;
min-height: 450px;
background: #030303;
}
.tb_responsive_mode #footer {
min-height: 50em;
}
.footer-left-col #footerwrap .back-top .arrow-up a {
color: #030000;
font-weight: bold;
}
.footer-widgets .widget_email-subscribers-form .emaillist {
text-align: left;
line-height: normal;
}
#footer #terms-of-use {
/*background-image: url('https://juniorofficer.army.mil/wp-content/themes/themify-ultra-child/images/noun_help_817954.png');*/
}
#footer #terms-of-use img {
max-width: 28px;
vertical-align: bottom;
}
#footer #terms-of-use span,
#footer #download-brochure a {
color: #f0b057;
cursor: pointer;
}
#footer #terms-of-use span:hover,
#footer #download-brochure a:hover {
color: #ffffff !important;
}
#footer #terms-of-use .show-terms-of-use {
display: none;
}
.wp-post-image.wp-image-13530 {
background-color: silver;
border-radius: 8px;
}
.lpd-materials-col {
margin-bottom: 25px;
}
div.testimonial-row .row_inner.col_align_middle.tf_box.tf_w.tf_rel {
margin-top: 67px;
}
#testimonials-trigger {
display: none;
}
.themify_builder_content-12030
.tb_qhjx950.module-testimonial-slider
.testimonial-item {
/*
font-size: .6em;
line-height: normal;
margin-top: 25px;
*/
}
.module.image-bubble.module-testimonial-slider .testimonial-content {
color: #ffffff;
font-size: 1em;
}
.testimonial-row.module-testimonial-slider
.testimonial-content
.testimonial-entry-content {
position: relative;
background-color: unset;
color: #030000;
font-size: 18px;
box-sizing: border-box;
box-shadow: none;
border-radius: unset;
padding: 30px 60px 10px;
margin: 15px auto 30px;
text-align: left;
line-height: 1.8em;
}
.testimonial-row.module-testimonial-slider
.testimonial-content
.testimonial-title {
position: relative;
background-color: unset;
color: #030000;
font-size: 18px;
box-sizing: border-box;
box-shadow: none;
border-radius: unset;
padding: 30px 0 0 0;
margin: 0;
text-align: left;
line-height: 1.8em;
}
.image-bubble.module-testimonial-slider .testimonial-entry-content::after {
border: none;
}
/* .testimonial-entry-content::before { */
/*
.testimonial-narrative::before {
content: "\201C";
font-size: 7em;
position: absolute;
left: -8%;
color: rgba(3, 0, 0, 0.18);
top: 6%;
}
*/
/*
body.mobile_menu_active .testimonial-entry-content::before {
content: "\201C";
font-size: 7em;
top: 21px;
left: 0%;
color: rgba(3, 0, 0, 0.18);
position: relative;
}
*/
.testimonial-narrative {
margin-top: 34px;
}
.testimonial-narrative::before {
content: "\201C";
font-size: 7em;
bottom: 82%;
/* position: absolute; */
/* left: -8%; */
color: rgba(3, 0, 0, 0.18);
/* margin-left: -55px; */
/* float: left; */
}
.testimonial-narrative::after {
content: "\201E";
font-size: 7em;
top: 93%;
float: right;
/* right: -4%; */
/* position: absolute; */
/* top: 42%; */
color: rgba(3, 0, 0, 0.18);
/*
float: right;
margin-right: -55px;
margin-top: -37px;
*/
}
.testimonial-row .testimonial-item .testimonial-content h3.testimonial-title {
color: #030000;
font-size: 1.5em;
}
.testimonial-row .testimonial-author {
text-align: left;
font-size: 0.7em;
margin-top: 2em;
color: #030000;
font-style: italic;
}
/*
.testimonial-narrative::after {
content: "\201E";
font-size: 7em;
right: -4%;
position: absolute;
top: 42%;
color: rgba(3, 0, 0, 0.18);
}
body.mobile_menu_active .testimonial-entry-content::after {
content: "\201E";
font-size: 7em;
right: 10%;
position: absolute;
top: 75%;
width: auto;
height: auto;
left: unset;
color: rgba(3, 0, 0, 0.18);
}
*/
body.mobile_menu_active
.module-testimonial-slider
.testimonial-content
.testimonial-entry-content {
padding: 10px;
}
/* Articles page css */
#articles-latest-article {
min-height: 140px;
box-shadow: 4px 4px 10px 4px rgba(3, 0, 0, 0.73);
padding: 10px;
margin: 0 5%;
}
div#articles-latest-article-featured-image {
float: left;
max-width: 30%;
margin-right: 49px;
height: 180px;
}
div#articles-latest-article-featured-image img {
height: 140px;
object-fit: cover;
object-position: top;
}
#articles-latest-article-body h1,
#articles-latest-article-body h1 a {
font-size: 1.6em;
color: #030000;
}
div#articles-slider .post-image img,
div#articles-slider .cjo-post-image-loop img {
clear: both;
max-width: 100%;
height: 220px;
object-fit: cover;
object-position: top;
}
#articles-slider h2.post-title.entry-title,
#articles-slider h2.post-title.entry-title a {
min-height: 3em;
color: #030000;
}
#articles-slider .themify_builder_row.module_row.fullwidth.clearfix {
/* width: 90%; */
margin: 0 auto;
}
#articles-slider .entry-content p {
font-size: 0.8em;
line-height: normal;
min-height: 5em;
margin-bottom: 0;
}
div#loops-wrapper {
margin: 1% 2%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/* align-content: space-between; */
/* justify-content: center; */
align-items: stretch;
}
body.page-case-study-materials-2 div#loops-wrapper {
margin: 0 2%;
}
body.page-case-study-materials-2 .pagenav {
padding-top: 1em;
}
#articles-slider .loops-wrapper.boxed .more-link {
margin-top: 0.5em;
}
#articles-slider .more-link:after {
display: none;
}
.cjo-post-image-single {
width: 30%;
float: right;
padding-left: 20px;
padding-bottom: 15px;
}
.cjo-post-image-loop {
width: auto;
text-align: center;
/*float: right;*/
/*padding-left: 20px;*/
/*padding-bottom: 15px;*/
}
.page-articles .post-content {
}
.page-articles .home-5-col .module-image img,
.cjo-post-image-loop img {
/* background: red; */
width: auto;
object-fit: contain;
height: 10em;
}
.page-articles .cjo-post-image-loop {
width: auto;
/* float: right; */
/* padding-left: 20px; */
/* padding-bottom: 15px; */
text-align: center;
}
#go_back {
margin: 0 auto;
text-align: center;
}
#go_back #back_button {
background-color: #000;
color: #fff;
border: none;
}
#go_back #back_button:hover {
background-color: #000;
color: #f0b057;
border: none;
box-shadow: unset;
transform: unset;
}
#loops-wrapper .themify-custom-ad.themify-index-ad {
color: rgba(03, 00, 00, 0.6);
width: 100%;
clear: both;
margin: 0 auto;
padding: 25px 0;
}
.themify-custom-ad.themify-index-ad h3 {
text-align: center;
}
.themify-custom-ad.themify-index-ad h3 a {
color: #f0b057;
}
.cjo-post-content {
margin-top: 5px;
min-height: unset; /*9.1em;*/
font-size: 14px;
line-height: 130%;
text-align: left;
}
body.page-lessons-on-leadership .cjo-post-content {
min-height: 4em;
}
body.page-articles .cjo-post-content {
min-height: 6.1em;
}
body:not(.home) #blog-post-title-author .author, article .cjo-post-content.single {
font-size: 18px ;
}
article .cjo-post-content.single.blog-post .module.module-image {
float: right;
width: 40%;
}
.leadershuddle .cjo-post-content {
margin-top: 25px;
min-height: 5.4em;
font-size: 14px;
line-height: 130%;
text-align: left;
}
.leader-challenge-post .cjo-post-content {
min-height: 9em;
margin-bottom: 3px;
margin-top: 3px;
}
body.page-leader-challenge-2 article.category-leader-challenge-post.post {
margin-bottom: 15px;
}
.leadershuddle .cjo-post-content {
margin-top: 0;
}
.case-study .cjo-post-content {
margin-top: 5px;
min-height: 11.8em;
}
.single.case-study .video-overlay {
width: 40%;
height: auto;
float: left;
}
.cclpd-member .video-overlay,
.cclpd-member .module-video {
background-color: #e3e3e3;
}
.single.case-study .module.module-text:not(.narrative):nth-child(1) {
float: left;
max-width: 55%;
}
.page-cs-emotional-intelligence
.single.case-study
.module.module-text:not(.narrative):nth-child(1) {
max-width: 100%;
}
.single.case-study
.case-study-public
.module.module-text:not(.narrative):nth-child(1) {
max-width: 100%;
}
.single.case-study .cclpd-package-description {
clear: both;
}
.loops-wrapper.grid4 > .post.cat-112 {
margin-bottom: 1.7em;
}
.cjo-post-content a,
.blog-post-content a {
color: #f0b057;
}
.cjo-post-content a:hover, .blog-post-content a:hover {
color: #000000;
}
.post-title a {
color: #000000;
}
.winners-fellows a,
.winners-30_u_30 a {
color: #f0b057;
font-weight: bold;
text-decoration: underline;
}
.winners-fellows a:hover,
.winners-30_u_30 a:hover {
color: #030303 !important;
font-weight: bold;
text-decoration: underline;
}
.loops-wrapper > article.post.category-cjo-series,
.loops-wrapper.boxed .post,
.loops-wrapper .post,
.popular-column {
box-shadow: 0 3px 10px 0 rgba(3, 0, 0, 0.71);
padding: 15px;
min-height: 310px;
overflow: hidden;
overflow: auto;
}
.page-leaders-huddle-2 .loops-wrapper.boxed .post {
min-height: unset;
overflow: scroll;
}
.popular-row {
margin-bottom: 50px;
}
#popular-link a,
body.page-cjo-30-under-30-award .winners-30_u_30 a {
padding: 3px 10px;
background: #030000;
color: #ffffff;
border-radius: 10px;
}
#narrative-30_u_30 {
color: #808080;
}
.past-winners h3 {
font-size: 1.7em;
}
.winners-30_u_30 {
text-align: center;
font-size: 1.5em;
}
#timeline-row p a.timeline-link {
padding: 3px 10px;
background: rgba(255, 255, 255, 0.4);
color: #ffffff;
border-radius: 10px;
}
.module-timeline-title a {
color: #f0b057;
}
.module-timeline-title a:hover {
color: gray !important;
}
body.mobile_menu_active #popular-link a,
body.mobile_menu_active a.timeline-link {
padding: 3px 10px;
background: #030000;
color: #ffffff;
border-radius: 10px;
font-size: 0.7em;
}
#popular-link {
text-align: center;
margin-bottom: 2em;
}
.popular-column {
min-height: 310px;
overflow: auto;
}
body:not(.mobile_menu_active)
#timeline-row.themify_builder_row
.module-timeline {
margin: 0px;
padding: 10px 100px;
/* background: rgba(127, 127, 135, 0.88); */
}
body.mobile_menu_active #timeline-row.themify_builder_row .module-timeline {
margin: 0px;
padding: 10px;
/* background: rgba(127, 127, 135, 0.88); */
}
body:not(.mobile_menu_active) #timeline-row .tl-slidenav-title,
body:not(.mobile_menu_active) #timeline-row .tl-slidenav-description {
width: 80px;
-webkit-line-clamp: 2;
line-clamp: 2;
text-overflow: ellipsis;
text-shadow: none;
color: #ffffff;
opacity: 1;
}
body.mobile_menu_active #timeline-row .tl-slidenav-title,
body:not(.mobile_menu_active) #timeline-row .tl-slidenav-description {
width: unset;
-webkit-line-clamp: 2;
line-clamp: 2;
text-overflow: ellipsis;
text-shadow: none;
color: #ffffff;
opacity: 1;
}
body.mobile_menu_active #timeline-row .tl-slidenav-title:hover,
body:not(.mobile_menu_active) #timeline-row .tl-slidenav-description:hover,
body:not(.mobile_menu_active) #timeline-row .tl-slidenav-title:hover,
body:not(.mobile_menu_active) #timeline-row .tl-slidenav-description:hover {
color: #f0b057;
}
body.page-about #content,
body.page-join-us #content,
#content,
,
body.page-essay-competition #content {
font-size: 18px;
line-height: normal;
}
body.page-about .about-title,
body.page-about .about-title h1 {
color: #ffffff !important;
}
body.page-about.mobile_menu_active #content,
body.page-join-us.mobile_menu_active #content,
.mobile_menu_active #content,
body.page-essay-competition.mobile_menu_active #content {
font-size: 16px;
line-height: normal;
}
div.tl-timemarker-content
div.tl-timemarker-text
h2.tl-headline.tl-headline-fadeout {
color: rgba(03, 00, 00, 0.4);
}
.module-timeline.layout-list .timeline-post {
margin-bottom: 0px;
}
.loops-wrapper.boxed .post-content {
/*padding: 20px;*/
}
.blog-post-title-author .post-title.entry-title {
font-size: 1.5em;
}
.blog-post-content .lead-title {
font-size: 1.3em;
font-weight: bold;
color: #030000;
padding: 5px 0;
min-height: 2.1em;
display: flex;
justify-content: left;
text-align: left;
align-items: center;
}
.blog-post-content .lead-author a {
font-style: italic;
}
.blog-loop-item-readmore {
margin: 30px 0 10px 0;
text-align: center;
}
.blog-loop-item-readmore a {
color: #ffffff;
background: #030000;
padding: 5px 18px;
}
.blog-loop-item-readmore a:hover {
color: #f0b057;
/*background: #030000;*/
/*padding: 5px 18px;*/
}
#read2lead-links img {
width: auto;
height: 185px;
object-fit: fill;
vertical-align: middle;
}
#read2lead-links li.new-r2l img {
height: 150px;
}
span[class*="r2l"] {
/*
padding-left: 15px;
font-size: 1.4em;
*/
}
.r2l-bottom {
clear: both;
}
#read2lead-links ul {
list-style: none;
}
#read2lead-links ul li {
border-radius: 10px;
background-color: rgba(164, 154, 114, 0.17);
font-size: 16px;
color: #030000;
padding: 5px 15px;
}
#read2lead-links ul li.new-r2l::before {
content: "new";
font-variant: all-petite-caps;
color: red;
font-weight: bold;
font-size: 1.3em;
}
span.new-r2l {
padding-left: 10px;
font-style: italic;
color: red;
font-weight: bold;
}
.r2l-download-span {
padding: 5px 10px;
background: #030000;
border-radius: 8px;
color: white;
font-size: 1em;
}
.mobile_menu_active .r2l-download-span {
margin-top: 10px;
display: block;
width: 60%;
margin: 8px auto;
}
.r2l-download-span:hover {
color: #ca8730;
}
div#article-based-r2l-modules-wrapper {
margin: 3em;
}
.mobile_menu_active div#article-based-r2l-modules-wrapper {
margin: 5px;
}
#filters {
background-color: beige;
padding: 20px;
border: 3px solid #e4e4b5;
border-radius: 8px;
}
#read2lead-links ul li {
border-radius: unset;
background-color: rgba(204, 204, 204, 1);
font-size: 16px;
color: #030000;
border-top: 6px solid #030000;
width: 15%;
float: left;
height: 14em;
/* border: 2px solid blue; */
display: grid;
margin-right: 45px;
/* display: flow-root list-item; */
text-align: center;
padding: 10px;
}
.mobile_menu_active #read2lead-links ul {
margin: 0;
}
.mobile_menu_active #read2lead-links ul li {
border-radius: unset;
background-color: rgba(204, 204, 204, 1);
font-size: 16px;
color: #030000;
border-top: 6px solid #030000;
width: 40%;
float: left;
/* border: 2px solid blue; */
display: grid;
margin: 2px 5px;
/* display: flow-root list-item; */
text-align: center;
padding: 10px;
height: auto;
}
#read2lead-links ul li:nth-child(2n) {
border-top: 6px solid #f0b057;
}
div.blog-post-title-author {
text-align: left;
height: unset; /* 6.8em */
line-height: normal;
}
.lead-author {
min-height: 2em;
}
#blog-post-title-author .author {
margin-bottom: 2em;
}
.page-articles .blog-post-title-author {
// min-height: 11.8vh;
}
.mobile_menu_active .page-articles .blog-post-title-author {
min-height: 11.8vh;
}
.blog-post-content.leadershuddle .lead-title {
font-size: 1.3em;
font-weight: bold;
color: #030000;
padding: 5px 11px;
display: flex;
justify-content: left;
text-align: left;
align-items: center;
line-height: 130%;
}
body.single-post .blog-post-content.leadershuddle .lead-title {
font-size: 1.8em;
}
/*
body.single-post .blog-post-content.leadershuddle .lead-title::before {
content: "";
background-color: red;
width: 75px;
height: 75px;
background: url('/wp-content/uploads/2017/03/leadershuddle_logo.png');
background-size: contain;
margin-right: 15px;
}
*/
/*
article:nth-child(even) .blog-post-content.leadershuddle .lead-title{
color: #ffd530;
}
article:nth-child(3n+0) .blog-post-content.leadershuddle .lead-title{
color: rgba(3, 0, 0, 0.4);
}
article:nth-child(even) .blog-post-content.leadershuddle .lead-title{
color: #ffd530;
}
*/
.blog-post-content.case-study .lead-title {
min-height: 6em;
font-size: 1.5em;
}
body.single-post .blog-post-content.case-study .lead-title {
min-height: unset;
}
.cjo-series-row{
padding-bottom: 2em;
}
/* 3 different colors */
#loops-wrapper article,
#articles-slider article,
.loops-wrapper > article.post.category-cjo-series,
.cjo-series-col,
.lpd-materials-col,
.team-row .team-col,
.team-row .team-col:nth-child(2n-1),
.resources-row-one .resources-col:nth-child(2n-1),
.resources-row-two .resources-col:nth-child(2),
#loops-wrapper article.category-leadershuddle,
#loops-wrapper article.category-leadershuddle:nth-child(2n-1),
#loops-wrapper article.category-leader-challenge-post:nth-child(2n-1),
.home-5-col:nth-child(4n),
.home-5-col:nth-child(1),
.popular-parent-column:nth-child(2n + 1) .popular-column {
border-top: 6px solid #030000;
}
#loops-wrapper article:nth-child(even),
#articles-slider article:nth-child(even),
.team-row .team-col:nth-child(2n),
.lpd-materials-col:nth-child(2n),
.resources-row-one .resources-col:nth-child(2n),
#loops-wrapper article.category-leadershuddle:nth-child(2n),
#loops-wrapper article.category-leader-challenge-post:nth-child(2n),
#loops-wrapper article.category-case-study:nth-child(2n),
.home-5-col:nth-child(3n-1),
.popular-parent-column:nth-child(2n) .popular-column {
border-top: 6px solid #f0b057;
}
/*.team-row .team-col:nth-child(3n-0), .lpd-materials-col:nth-child(3n-0), .resources-row-one .resources-col:nth-child(3n-0), #loops-wrapper article.category-leadershuddle:nth-child(3n-0), #loops-wrapper article.category-leader-challenge-post:nth-child(3n-0), #loops-wrapper article.category-case-study:nth-child(3n-0),*/
/* .home-5-col:nth-child(3n-0){*/
/* border-top: 6px solid rgba(3, 0, 0, 0.4);*/
/*}*/
/*
article:nth-child(3n-1) .blog-post-content.leadershuddle .lead-title a, article:nth-child(3n-1) .blog-post-content.leader-challenge-post .lead-title a, article:nth-child(3n-1) .blog-post-content.case-study .lead-title a{
color: #f0b057;
}
article:nth-child(3n-1) .blog-post-content.leadershuddle .lead-title a:hover, article:nth-child(3n-1) .blog-post-content.leader-challenge-post .lead-title a:hover, article:nth-child(3n-1) .blog-post-content.case-study .lead-title a:hover{
color: #030000;
}
article:nth-child(3n) .blog-post-content.leadershuddle .lead-title a, article:nth-child(3n) .blog-post-content.leader-challenge-post .lead-title a, article:nth-child(3n) .blog-post-content.case-study .lead-title a{
color: rgba(3, 0, 0, 0.4);
}
article:nth-child(3n) .blog-post-content.leadershuddle .lead-title a:hover, article:nth-child(3n) .blog-post-content.leader-challenge-post .lead-title a:hover, article:nth-child(3n) .blog-post-content.case-study .lead-title a:hover{
color: #f0b057;
}
article:nth-child(3n-2) .blog-post-content.leadershuddle .lead-title a, article:nth-child(3n-2) .blog-post-content.leader-challenge-post .lead-title a{
color: #030000;
}
*/
article:nth-child(3n-2) .blog-post-content.leadershuddle .lead-title a:hover,
article:nth-child(3n-2)
.blog-post-content.leader-challenge-post
.lead-title
a:hover {
color: #ffd530;
}
.resources-intro {
margin: 2em 0;
}
#unit-gallery img {
filter: grayscale(1);
width: auto;
height: 200px;
object-fit: contain;
}
#unit-gallery img:hover {
/* filter: grayscale(0); */
}
/**** NEW COLUMN BORDERS ****/
.home-5-col:nth-child(2n + 1) {
border-top: 10px solid rgb(3, 0, 0);
}
.home-5-col:nth-child(2n) {
border-top: 10px solid rgb(240, 176, 87);
}
/* PODCAST Audio Player Styles */
lead-title div.powerpress_player {
width: 50%;
margin-bottom: 2.3em;
}
.tf_audio_progress_current {
background: #ce9a20;
z-index: 2;
}
.tf_audio_total_time,
.tf_audio_current_time {
font-size: 1.95em;
font-weight: 400;
margin: 0 16px;
}
.mobile_menu_active .tf_audio_total_time,
.tf_audio_current_time {
font-size: 1em;
}
body:not(.mobile_menu_active) .tf_audio_total_time,
.tf_audio_current_time {
font-size: 1em;
font-weight: 400;
margin: 0 16px;
}
.tf_audio_progress_wrap {
background: #030000;
width: 32px;
flex-grow: 1;
height: 16px;
}
.tf_auido_play::before {
/*border-width: 18px 0 18px 30px;*/
}
.uv-col {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.71);
min-height: 11em;
text-align: center;
padding-top: 2%;
}
.uv-row {
margin-bottom: 2em;
}
.uv-row.even {
background-color: rgba(127, 127, 127, 0.23);
}
.module.module-text.repeat.wow {
min-height: 5em;
}
.uv-col h1 {
font-size: 1.4em;
padding-left: 10px;
}
.uuuv-col:nth-child(2n) h1 {
color: #f0b057;
}
body.mobile_menu_active .uv-col {
margin-bottom: 20px;
}
.uv-col:nth-child(odd) {
border-top: 6px solid #030000 !important;
}
.uv-col:nth-child(even) {
border-top: 6px solid #f0b057 !important;
}
.uv-col .module.module-buttons div.module-buttons-item a {
color: #ffffff;
}
uv-col .module.module-buttons div.module-buttons-item a:hover {
color: #f0b057;
}
.uv-additional-info {
color: #f0b057;
font-size: 1.1em;
font-weight: bold;
}
.uv-learn-more .tb_ov_co_icon_outer {
display: none;
}
.uv-learn-more .tb_ov_co_icon_title {
color: #f0b057;
padding: 8px;
background: black;
}
#uv-week-long,
#uv-tailored,
#uv-custom {
padding: 20px;
}
.about-row .row_inner {
/* border: 2px solid red; */
border-radius: 8px;
}
.testimonial-item {
/*background-color: rgba(255, 255, 255, 0.5);*/
/*border-radius: 12px;*/
/*padding-bottom: 16px;*/
}
.about-testimonial.module-testimonial-slider
.testimonial-content
.testimonial-entry-content {
background-color: unset;
color: #fff;
box-shadow: unset;
padding: 30px;
}
.about-testimonial.image-bubble.module-testimonial-slider
.testimonial-entry-content::after {
/* border-top: 20px solid rgba(255, 255, 255, 0.4); */
}
.abouttestimonial.module-testimonial-slider
.testimonial-content
.testimonial-entry-content
p {
font-style: italic;
}
.about-testimonial.module-testimonial-slider
.testimonial-content
.testimonial-entry-content
p {
line-height: 1.45;
position: relative;
margin-top: 10px;
}
.about-testimonial.module-testimonial-slider
.testimonial-content
.testimonial-entry-content:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
top: 10px;
color: #b1b1b1;
}
.about-testimonial.module-testimonial-slider
.testimonial-content
.testimonial-entry-content:after {
display: block;
content: "\201D";
font-size: 80px;
position: absolute;
left: 91%;
right: 0px;
bottom: 0px;
color: #b1b1b1;
}
.about-narrative ul {
list-style: none;
}
.about-narrative li::first-letter {
color: #ffd530;
font-size: 1.3em;
line-height: 0.3em;
letter-spacing: 2px;
}
.team-row .team-col,
.home-5-col {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.71);
padding: 15px;
margin-bottom: 20px;
}
/* BOUNCING DOWN ARROW*/
/*https://codepad.co/snippet/pure-css-arrow-down-bouncing-animation*/
.tb_responsive_mode .arrow-div {
display: none !important;
}
.downArrow {
position: relative;
bottom: 54%;
left: -5%;
}
.downArrow img {
width: 75px;
}
.inspiring-row .arrow-div {
margin-top: 12em;
}
.bounce {
-moz-animation: bounce 3s infinite;
-webkit-animation: bounce 3s infinite;
animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
/* LIBRARY CSS */
#filters {
background-color: beige;
padding: 20px;
border: 3px solid #e4e4b5;
border-radius: 8px;
}
/* Create a custom checkbox */
#filters label.container {
/* margin-right: 50px; */
font-weight: normal;
}
/* Hide the browser's default checkbox */
.container input {
/* position: absolute; */
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
margin-left: 30px;
}
.checkmark {
position: absolute;
margin-top: 3px;
margin-left: -23px;
height: 15px;
width: 15px;
border: 1px solid #435d85;
border-radius: 19%;
background: silver;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}
.container:hover .checkmark::before {
left: 4px;
top: 0px;
width: 5px;
height: 10px;
border: solid #ffffff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #2196f3;
}
.container .label-text {
color: #636363;
}
.container input:checked ~ .label-text {
color: black;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:before {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:before {
display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:before {
left: 4px;
top: 0px;
width: 5px;
height: 10px;
border: solid #ffffff; /* CJO CHANGE FROM 000000 */
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#clear-filters input {
margin-top: 12px;
font-size: 12px;
background-color: #777769;
}
/* style.css | http://localhost/cjo-staging-aug19/wp-content/plugins/lt-unleashed/style.css?ver=1.0 */
.featured-books .librarything .books-cover .book {
/* display: inline-block; */
/* width: 100px; */
/* vertical-align: middle; */
display: -webkit-inline-flex;
width: 40%;
vertical-align: top;
margin-right: 35px;
margin-bottom: 15px;
}
.builder-is-mobile.tb_responsive_mode
#pagewrap.mobile
.featured-books
.librarything
.books-cover
.book {
/* display: inline-block; */
/* width: 100px; */
/* vertical-align: middle; */
display: -webkit-inline-flex;
width: 90%;
vertical-align: top;
margin-right: 35px;
margin-bottom: 15px;
}
.librarything .books-cover .book {
background: rgba(164, 154, 114, 0.17);
border-radius: 4px;
padding: 8px;
border: 2px solid rgba(164, 154, 114, 0.12);
box-shadow: 4px 4px rgba(124, 128, 131, 0.44);
display: -webkit-inline-flex;
width: 24%;
vertical-align: top;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 10px;
}
body.mobile_menu_active .librarything .books-cover .book {
background: rgba(164, 154, 114, 0.17);
border-radius: 4px;
/* padding: 8px; */
border: 2px solid rgba(164, 154, 114, 0.12);
box-shadow: 4px 4px rgba(124, 128, 131, 0.44);
/* display: -webkit-inline-flex; */
width: 92%;
vertical-align: top;
/* margin-right: 10px; */
/* margin-bottom: 15px; */
/* margin-left: 10px; */
}
body.mobile_menu_active .librarything .books-cover .book .inner-book {
margin: 0 1px 17px 0;
padding: 0px;
}
#view-library-trigger {
margin-left: 2%;
width: 50%;
margin: 0 auto;
background: rgb(200, 128, 63);
padding: 5px;
border-radius: 4px;
color: rgb(0, 0, 0);
text-align: center;
cursor: pointer;
}
#view-library-trigger:hover {
color: rgb(200, 128, 63);
background: rgb(0, 0, 0);
}
.librarything .books-cover .book .inner-book img {
/* width: 90px; */
/* max-height: 130px; */
/* width: 84%; */
height: auto;
float: left;
margin-right: 8px;
}
.librarything .books-cover .book .inner-book {
text-align: left;
margin: 0;
}
div.library-shortcode {
/* text-align: center; */
/* text-align: justify; */
background: #80808021;
padding: 10px;
border-radius: 8px;
}
/* Element | http://localhost/cjo-staging-aug19/lpd-2/# */
.plain-text-10651-sub_row_3-0-1-0-0
> div:nth-child(1)
> div:nth-child(1)
> div:nth-child(1)
> div:nth-child(1)
> div:nth-child(1)
> a:nth-child(1) {
float: left;
}
/* Inline #51 | http://localhost/cjo-staging-aug19/lpd-2/# */
div.inner-book a {
float: left;
}
/* themify-builder-style.min.css | http://localhost/cjo-staging-aug19/wp-content/themes/elemin/themify/themify-builder/css/themify-builder-style.min.css?ver=4.6.7 */
.module img {
/* vertical-align: bottom; */
vertical-align: text-top;
}
/* Element | http://localhost/cjo-staging-aug19/lpd-2/# */
.plain-text-10651-sub_row_3-0-1-0-0 > div:nth-child(1) > div:nth-child(1) {
margin: 0 auto;
}
.library-shortcode.two-books div.books-cover div.book {
width: 40%;
margin: 10px;
}
.library-shortcode.two-books div.books-cover div.book:nth-child(2):after {
clear: both;
}
#filters label.container {
display: inline-block;
margin-bottom: 1em;
cursor: pointer;
}
#filters label.container:nth-child(2):after {
}
ddiv.book a[title]:hover:after {
content: attr(title);
position: absolute;
background-color: cornsilk;
padding: 5px;
}
.inner-book div {
width: 14px;
display: grid;
display: ms-inline;
float: left;
text-align: right;
margin-top: 2px;
padding-bottom: 2px;
margin-right: 3px;
}
#filter-results {
font-weight: bold;
}
.row-full-library-listing {
display: none;
}
.inner-book span.category-bullet,
.inner-book span.category-no-bullet {
font-size: 16px;
height: 14px;
}
.inner-book span.category-bullet::before,
.inner-book span.category-no-bullet::before {
font-size: 8px;
margin-right: 3px;
line-height: 0;
}
.inner-book span.category-no-bullet::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
border: 0px solid rgb(238, 238, 238);
}
.inner-book span.cjo-communication::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
background-color: rgba(255, 0, 0, 0.67);
}
.inner-book span.cjo-general-leadership::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
background-color: rgba(29, 138, 29, 0.61);
}
.inner-book span.cjo-leading-others-teams::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
background-color: rgb(236, 166, 51);
}
.inner-book span.cjo-organizational-culture-change::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
background-color: rgba(0, 0, 0, 0.33);
}
.inner-book span.cjo-personal-skills-improvement::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
background-color: rgba(49, 122, 204, 0.89);
}
.inner-book span.cjo-military::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
background-color: rgb(82, 10, 198);
}
.inner-book span.cjo-favorites::before {
content: "\2022\2022\2022";
color: transparent;
border-radius: 19%;
background-color: rgba(10, 186, 198, 1);
}
.container #checkbox-cjo-communication ~ .checkmark,
.container #checkbox-cjo-communication ~ .checkmark {
background-color: rgba(255, 0, 0, 0.67);
}
.container #checkbox-cjo-general-leadership ~ .checkmark,
.container #checkbox-cjo-general-leadership:checked ~ .checkmark {
background-color: rgba(29, 138, 29, 0.61);
}
.container #checkbox-cjo-leading-others-teams ~ .checkmark,
.container #checkbox-cjo-leading-others-teams:checked ~ .checkmark {
background-color: rgb(236, 166, 51);
}
.container #checkbox-cjo-organizational-culture-change ~ .checkmark,
.container #checkbox-cjo-organizational-culture-change:checked ~ .checkmark {
background-color: rgba(0, 0, 0, 0.33);
}
.container #checkbox-cjo-personal-skills-improvement ~ .checkmark,
.container #checkbox-cjo-personal-skills-improvement:checked ~ .checkmark {
background-color: rgba(49, 122, 204, 0.89);
}
.container #checkbox-cjo-military ~ .checkmark,
.container #checkbox-cjo-military:checked ~ .checkmark {
background-color: rgb(82, 10, 198);
}
.container #checkbox-cjo-favorites ~ .checkmark,
.container #checkbox-cjo-favorites:checked ~ .checkmark {
background-color: rgba(10, 186, 198, 1);
}
.resource-link img.wp-image-11137 {
background: white;
padding: 4px;
margin-right: 7px;
}
/*
.library-shortcode div.books-cover div.book:nth-child(2)::after {
float: none;
display: ;
content: "";
display: block;
background: yellow;
}
*/
/***** END LIBRARY CSS ********/
.addtoany_shortcode {
width: 19%;
/*background-color: #0300001f;*/
text-align: left;
margin-bottom: 25px;
}
body.mobile_menu_active .addtoany_shortcode {
width: 100%;
/*background-color: #0300001f;*/
text-align: center;
margin-bottom: 25px;
}
.tf_fa.tf-far-bookmark {
width: 0.75em;
padding-right: 5px;
display: none;
}
#page-title-bar {
font-size: 1.2em;
background-color: red;
}
#unit-visit-contact {
display: none;
}
#uv-contact {
margin-top: 50px;
padding: 20px;
color: #030000;
}
#uv-contact h2 {
font-weight: normal;
font-family: inherit;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px;
color: #303030;
}
.mobile_menu_active.page-unit-visits
.themify_builder_content-13237
.tb_zf6q730.module-text {
margin: 5px 5px 20px 5px;
}
#fml-help {
display: none;
padding: 8px;
background-color: cornsilk;
border: 2px solid maroon;
}
span.fml-toggle {
padding: 4px 8px;
background-color: #eeeeee;
border-radius: 8px;
border: 1px dotted gray;
font-size: 0.8em;
padding-left: 31px;
background: url("images/question_blue.png") no-repeat 10px;
cursor: pointer;
}
/* END FILTERED MEMBER LIST HELP */
/* CHANGE NOTIFICATION BUBBLE FROM BLUE TO RED */
#wpadminbar
.quicklinks
li#wp-admin-bar-bp-notifications
#ab-pending-notifications.pending-count {
background-color: #ff0000;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count,
#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count {
background-color: red;
}
/* MEDIA QUERIES */
/*
@media screen and (max-width: 782px) {
html {
margin-top: 0 !important;
border: 6px solid purple;
}
#page-title-bar h2 {
font-size: 1.2em;
background-color: red;
}
}
*/
@media screen and (max-width: 680px) {
#page-title-bar {
font-size: 1.2em;
background-color: red;
}
}
@media screen and (max-width: 320px) {
body {
border: 4px solid yellow;
}
#page-title-bar {
font-size: 1.2em;
background-color: blue;
}
html {
margin-top: 0 !important;
border: 4px solid blue;
}
}
@media screen and (max-width: 768px) {
#site-description img {
height: auto;
width: 90%;
}
}
@media screen and (max-width: 1200px) {
#site-description img {
height: auto;
width: 90%;
}
}
@media screen and (max-width: 782px) @media screen {
margin-top: 46px !important;
}
body.mobile_menu_active #site-description {
display: unset;
}
/* end media queries. */
/* BIO Popup */
/* Popup container - can be anything you want */
.popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* The actual popup */
.popup .popuptext {
visibility: hidden;
width: 400px;
background-color: #555;
color: #fff;
text-align: left;
border-radius: 6px;
padding: 10px;
position: absolute;
z-index: 1;
/* bottom: 125%; */
left: 50%;
margin-left: -80px;
}
/* Popup arrow */
.popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* END Bio Popup */
.page-cjo-sitrep-template .display-posts-listing a {
display: block;
color: #808080;
}
.page-cjo-sitrep-template ul.display-posts-listing {
width: 80%;
margin: 0 auto;
list-style: none;
}
.page-cjo-sitrep-template ul.display-posts-listing h2.display-posts-title {
font-size: 1.4em;
}
.latest-col h2,
.most-popular-col h2 {
font-size: 1.1em;
text-decoration: underline;
}
.themify_builder_row.module_row.new-since-sitrep,
.themify_builder_row.module_row.popular-since-sitrep,
.display-posts-listing a.title {
width: 70%;
margin: 3em auto;
font-size: 16px;
color: #808080;
}
/* MOST POPULAR */
.most-popular-col ul.wpp-list a,
.page-cjo-sitrep-template .display-posts-listing a {
width: 70%;
margin: 3em auto;
font-size: 16px;
/* font-size: 0.9em; */
color: #808080;
font-weight: normal;
}
.most-popular-col ul.wpp-list a:hover,
.page-cjo-sitrep-template .display-posts-listing a:hover {
color: #030000;
}
.most-popular-col h2 {
font-size: 1.5em;
text-align: center;
}
input.form-checkbox.pl-6 {
appearance: auto;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 0.6em;
max-width: 100%;
-webkit-appearance: auto;
-moz-appearance: auto;
border-radius: 8px;
}
/*. outside the wire rss list items */
.widget.widget_rss li {
padding: .35em 15px;
margin: .5em .5em;
list-style-type: disc;
list-style-position: inside;
line-height: normal;
text-indent: -23px;
}
.otw-row-containerrr,
.otw-row-container div.module_column
{
background-image: linear-gradient(180deg,rgb(235, 204, 80) 6%,rgb(255, 255, 255) 100%);
padding-right: 20px;
padding-left: 15px;
padding-top: 20px;
border-radius: 5px;
}
h2.widgettitle a.rsswidget.rss-widget-title{
font-size: 1.3em;
}
/*/wp-content/uploads/themify-css/themify-builder-19885-generated.css*/
/* Generated from post: 3-deployments-before-captain-reflections-from-down-range */
.themify_builder_content-19885 .tb_9o5e570.module-text{column-count:0;}
.themify_builder_content-19885 .tb_s7ou007.module-text{column-count:0;}
/*/wp-content/uploads/themify-customizer-5.3.3-5.3.3.css*/
/* Themify Customize Styling */
body {
font-family: "Arial", "Helvetica", sans-serif; font-size:1px;
}
#site-description img {
height: 85px;
}
#main-nav a { font-weight:600;
}
#main-nav a:hover, #main-nav > li > a:hover {
color: #f0b057;
}
#main-nav-wrap #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {
color: #f0b057;
}
@media screen and (max-width: 1024px) { /* Themify Customize Styling */
#site-description img {
height: 85px;
}
}@media screen and (max-width: 768px) { /* Themify Customize Styling */
#site-description img {
height: 85px;
}
}@media screen and (max-width: 600px) { /* Themify Customize Styling */
#site-description img {
height: 85px;
}
}
/* Themify Custom CSS */
html {
margin-top: 0px !important;
}
@media screen and (max-width: 782px){
html {
margin-top: 11px !important;
}
}