/******************************************************************
Site Name: MRFCJ
Author: Lando Tornabene

Stylesheet: Custom Styles

******************************************************************/

/*******************************
GENERAL STYLES
********************************/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);

body{font-family: 'Roboto', sans-serif; font-weight: 300;}

/*font-family: 'Roboto', sans-serif;*/

h1{font-size: 32px;}

h2{font-size: 24px;}

h3{font-size: 20px;}

h4{font-size: 18px;}

h5{font-size: 16px;}

p{font-size: 16px;}

a{cursor: pointer;}

b, strong {font-weight: 400;}

.article-header h1, .article-header h2, .article-header h3, .article-header h4, .article-header h5, .article-header h6{color: #0099cc; font-weight: 300;}

.article-header h1.page-title.entry-title.big, 
.page-template-page-work .article-header h1.page-title.entry-title,
.page-template-page-work-cjd .article-header h1.page-title.entry-title,
.page-template-page-work-troika .article-header h1.page-title.entry-title,
.page-template-page-principle h1.page-title.entry-title{font-size: 30px; font-weight: 400;}

.page-content.entry-content h2, .page-content.entry-content h3,
.entry-content h2, .entry-content h3{color: #0099cc;}

.entry-content > ul{list-style-image: url('../images/bullet.jpg');}

.featured-img.sm img{width: auto; float: right; margin-left: 20px; margin-bottom: 20px;}

.featured-img.n img{width: 240px; float: right; margin-left: 20px; margin-bottom: 20px;}

.featured-img.sm.left img{float: left; margin-right: 20px; border: 1px solid #ffffff;}

/*iframe{width: auto;}*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
    margin-bottom: 40px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

/*******************************
NAV DROPDOWN
********************************/

.dropdown-menu{}

.dropdown-menu > li > a:hover{background-color: transparent;}

/*******************************
HEADER
********************************/

header{background-color: #ffffff;}

.navbar-header{min-height: 116px;}

.navbar-nav{}

.navbar-nav > li > a{color: #0099cc; font-size: 18px; padding: 10px 15px;}

.navbar-nav > li.active a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.current-menu-parent a{color: #222222;}

.dropdown-menu > li > a:hover, .dropdown-menu > li.current-menu-item a{color: #0099cc;}

.navbar-form{padding: 10px 5px;}

.navbar-form .form-control{border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; color: #ffffff; background-color: #4db8db; width: 150px;}

.navbar-form .form-control::-moz-placeholder {color: #ffffff;}
.navbar-form .form-control:-ms-input-placeholder {color: #ffffff;}
.navbar-form .form-control::-webkit-input-placeholder {color: #ffffff;}

p.notice{font-size: 18px; color: #0099cc; margin: 5px 20px 0px 0px;}

/*******************************
HOMEPAGE
********************************/

.carousel-caption{left: 0%; right: 0%; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); padding-left: 30px; padding-right: 30px;}

.carousel-caption h2, .carousel-caption p{color: #ffffff;}

.carousel-caption h2{font-size: 24px; text-align: center;}

.carousel-caption h2 a{color: #ffffff; text-decoration: none;}

.homebanner{position: relative;}

.homebanner .carousel-caption p{font-size: 14px; line-height: 24px; float: right; margin-bottom: 20px; position: absolute; width: 250px; right: 0px; bottom: 80px; background-color: rgba(0, 0, 0, 0.6); padding: 10px;}

.featured{margin-top: 50px;}

i.icon{display: block; margin: 0 auto; background-color: #0099cc; width: 100px; height: 100px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}

i.icon.news{background: url('http://mrfcj.fusio.net/wp-content/uploads/2015/09/news_icon.png') no-repeat center center #0099cc;}

i.icon.resources{background: url('http://mrfcj.fusio.net/wp-content/uploads/2015/09/resources_icon.png') no-repeat center center #0099cc;}

i.icon.about{background: url('http://mrfcj.fusio.net/wp-content/uploads/2015/09/about_icon.png') no-repeat center center #0099cc;}

i.icon.contact{background: url('http://mrfcj.fusio.net/wp-content/uploads/2015/09/contact_icon.png') no-repeat center center #0099cc;}

.featured a{font-size: 32px;}

.featured .text-center{margin-bottom: 50px;}

.main{border-top: 1px solid #0099cc; border-bottom: 1px solid #0099cc; padding: 20px 0px;}

.media .carousel-indicators{bottom: -10px;}

.media .carousel-caption{padding: 10px; background-color: #ff9933; left: auto; bottom: 100px; }

.media .carousel-caption h2 {text-align: right; margin: 0px; padding: 0px;}   

h2.mediatitle{font-size: 36px; color: #0099cc; margin-bottom: 30px;}

/*
.latest-tweets{padding: 20px; background-color: #f4f4f4;}

.widget .latest-tweets ul, .widget .latest-tweets ul li{border: none;}

.widget .latest-tweets ul li{padding: 5px 0px;}

.latest-tweets p, .latest-tweets a{font-size: 13px;}
*/

.twitter-widget{margin-top: 88px;}

/*******************************
FOOTER
********************************/

#footer{
  background: url('http://mrfcj.fusio.net/wp-content/uploads/2015/09/footer_bg.jpg') no-repeat center center scroll #0099cc; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: none;
  padding-bottom: 30px;
}

#sub-floor{background-color: #0099cc;}

.widget ul.social{float: right; border: none;}

.widget ul.social li{float: left; padding: 0px 0px 0px 10px; border: none;}

.widget ul.social li:hover{background-color: transparent;}

/*******************************
PAGES
********************************/

.homebanner img{max-width: 100%; height: auto;}

.overlay-content{position: relative; top: -70px; background-color: #ffffff; z-index: 10;}

header.page-head.article-header{background-color: transparent;}

.entry-content{padding: 0px 20px;}

.article-footer{border-top: 1px solid #0099cc; padding: 0px 20px;}

#post-9 h2{margin-top: 60px;}

.principle #sidebar{margin-top: 60px;}

.blue-box{border: 1px solid #0099cc; margin-bottom: 20px;}

h1.principles{font-size: 30px; color: #0099cc;}

.byline{margin-bottom: 10px;}

.entry-content a{text-decoration: underline;}

.entry-content h1 a, .entry-content h2 a, .entry-content h3 a, .entry-content h4 a, .entry-content h5 a{text-decoration: none;}

#post-101 img, #post-103 img{margin-top: -20px;}

.entry-content a.areas{background-color: #0099cc; color: #ffffff; padding: 10px; margin-bottom: 20px; display: block;}

.bluebox{border: 1px solid #0099cc; padding: 10px;}

/*******************************
CATEGORIES TAGS
********************************/

span.tags a{background-color: #ebebeb; color: #515151; display: inline-block; padding: 2px; font-size: 12px; margin-bottom: 5px;}

span.tags.case a{background-color: #ffffff; color: #515151;}

/*******************************
HERO CAPTION PAGES
********************************/

.info-toggle{color: #222222; float: right; position: relative; top: 30px; z-index: 100; cursor: pointer; margin-right: 30px; font-size: 14px;}

.info-toggle-home, .info-toggle.visible-xs{color: #ffffff; float: right; position: relative; top: -30px; z-index: 100; cursor: pointer; margin-right: 30px; font-size: 14px;}

.ccfic{display: block; min-height: 100px; position: absolute; z-index: 10; left: 0%; right: 0%; bottom: 0px; padding-left: 30px; padding-right: 30px;}

.ccfic-text{color: #ffffff; float: right; position: relative; padding: 10px; width: 300px; background-color: rgba(0,0,0,0.8); top: -70px;}

/*******************************
SIDEBAR
********************************/

#sidebar{margin-top: 40px;}

.widget ul{border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; font-size: 18px;}

.widget ul li{padding: 5px 10px; border-bottom: 1px solid #dddddd;}

.widget ul li ul, .widget ul li ul li{border: none;}

.widget ul li:hover, .widget ul li:focus{background-color: #0099cc; color: #ffffff; }

.widget ul li.current_page_item, .widget ul li.current-page-ancestor{background-color: #0099cc; color: #ffffff; }

.widget ul li:hover a{color: #ffffff;}

.widget ul li.menu-item-has-children{background-color: #ffffff;}

.widget ul li.menu-item-has-children:hover a{color: #0099cc;}

.widget ul li.menu-item-has-children a:hover{color: #0099cc; text-decoration: underline;}

.widget ul li.menu-item-has-children ul.sub-menu li:hover{background-color: #ffffff;}

.widget ul li.menu-item-has-children ul.sub-menu li a:hover{color: #0099cc; text-decoration: underline;}

/*.widget ul li.menu-item-has-children.current-menu-item:hover{background-color: #0099cc;}*/

.widget ul li.menu-item-has-children.current-menu-item a{color: #0099cc; text-decoration: underline;}

.widget ul li.menu-item-has-children a:hover{color: #0099cc; text-decoration: underline;}

.widget ul li.menu-item-has-children ul.sub-menu li a{text-decoration: none;}

.widget ul li.menu-item-has-children ul.sub-menu li.menu-item a{color: #0099cc;}

.widget ul li.menu-item-has-children ul.sub-menu li.current-menu-item{background-color: #ffffff;}

.widget ul li.menu-item-has-children ul.sub-menu li.current-menu-item a{color: #0099cc; text-decoration: underline;}

.widget ul li.menu-item-has-children.current-menu-item ul.sub-menu li:hover{background-color: #ffffff;}

.widget ul li.menu-item-has-children.current-menu-item ul.sub-menu li a:hover{color: #0099cc; text-decoration: underline;}

.widget ul li.current-page-parent ul.sub-menu li:hover{background-color: #ffffff;}

.widget ul li.current-page-parent ul.sub-menu li:hover a{color: #0099cc;}

/*.widget ul li.current-page-parent ul.sub-menu li a:hover{color: #ffffff; text-decoration: underline;}*/

/*.widget ul li.current-page-ancestor:hover, .widget ul li.current-page-ancestor ul li:hover{background-color: #0099cc;}*/

.widget ul li.current_page_item a, .widget ul li a:hover, .widget ul li a:focus{color: #ffffff; text-decoration: none;}

.widget ul li.current-page-ancestor a{color: #ffffff;}

.widget ul li.menu-item-has-children a{color: #0099cc;}

.widget ul li.current-page-ancestor:hover a{color: #0099cc; text-decoration: underline;}

h4.widgettitle{font-size: 20px; border: none; background-color: #0099cc; color: #ffffff; margin-bottom: 0px; padding: 8px 10px;}

.widget_latest_tweets_widget h4.widgettitle{background-color: transparent; color: #333333;}

.widget_latest_tweets_widget .latest-tweets ul{border: none;}

.latest-tweets ul li:hover{background-color: #ffffff;}

.latest-tweets ul li:hover a{color: #0099cc;}

.latest-tweets ul li:hover p.tweet-text{color: #333333;}

.latest-tweets ul li a:hover, .latest-tweets ul li a.twitter-hashtag:hover{color: #0099cc; text-decoration: underline;}

.widget_flexipages h4.widgettitle{background-color: #722d00;}

#resources-year-filter{border: none;}

#resources-year-filter .checkbox{margin: 0px;}

#resources-year-filter li{border: none;}

#resources-year-filter input{margin-right: 10px;}

#resources-year-filter label{font-size: 16px;}

/*******************************
SIDEBAR ABOUT
********************************/

.sidebar-about .widget_pages{background-color: #722d00;}

.sidebar-about .widget_pages ul, .sidebar-about .widget_pages ul li{border: none;}

.sidebar-about .widget_pages ul li a{color: #ffffff;}

.sidebar-principles .widget_pages{background-color: #894d07;}

.sidebar-principles .widget_pages ul, .sidebar-principles .widget_pages ul li{border: none;}

.sidebar-principles .widget_pages ul li a{color: #ffffff;}

.sidebar-work .widget_pages{background-color: #7f1306;}

.sidebar-work .widget_pages ul, .sidebar-work .widget_pages ul li{border: none;}

.sidebar-work .widget_pages ul li a{color: #ffffff;}

.sidebar-news .widget_pages{background-color: #0b74e3;}

.sidebar-news .widget_pages ul, .sidebar-news .widget_pages ul li{border: none;}

.sidebar-news .widget_pages ul li a{color: #ffffff;}

.sidebar-resources .widget_pages{background-color: #06313f;}

.sidebar-resources .widget_pages ul, .sidebar-resources .widget_pages ul li{border: none;}

.sidebar-resources .widget_pages ul li a{color: #ffffff;}


/*******************************
ARTICLE REVERSE
********************************/

article.reverse, article.reverse header{background-color: #0099cc;}

article.reverse .entry-title a{color: #ffffff;}

article.reverse .byline{color: #ffffff;}

article.reverse a, article.reverse p{color: #ffffff;}

article.reverse a:hoveer{color: #ffffff; text-decoration: underline;}

/*******************************
PAGINATION
********************************/

.ellips{padding: 6px 12px;}

/*******************************
SIDEBAR RESOURCES
********************************/

.widget.resources h4.widgettitle{margin-bottom: 20px;}

ul#resources-filter, ul#resources-filter li,
ul#resources-year-filter, ul#resources-year-filter li{border: none; padding: 0px;}

ul#resources-filter, ul#resources-filter li:hover,
ul#resources-year-filter, ul#resources-year-filter li:hover{color: #333333; background-color: transparent;}

ul#resources-filter, ul#resources-filter li h4.widgettitle{font-size: 18px; margin-bottom: 10px; /*background-color: transparent; color: #333333; padding: 0px;*/}

ul#resources-filter li .checkbox{margin: 0px;}

ul#resources-filter li .checkbox label{font-size: 16px; display: inline-block;}

ul.newsarchive{list-style-image: url('../images/bullet.jpg'); margin: 20px 0px 20px 10px; font-size: 16px; line-height: 1.5;}

/*******************************
Page Divider
********************************/

.mrdivider {
    display: block;
    min-height: 1px;
	border-bottom: 1px solid #0099cc;
	margin: 20px 0px;
    clear: both;
}

/*******************************
Accordion
********************************/

.panel-group .panel{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

.panel-default > .panel-heading{padding: 12px 15px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #ffffff; background-color: #0099cc; border-color: transparent;}

h4.panel-title{font-size: 20px;}

h4.panel-title2{font-size: 20px; margin-top: 0px; margin-bottom: 0px;}

.panel-body ul{list-style-image: url('../images/bullet.jpg'); margin: 0 0 20px 10px; font-size: 16px; line-height: 1.5;}

.panel-body h4{color: #722d00; font-weight: 400;}

.panel-body p.mb{margin-bottom: 40px;}

.panel-body p a.underline{text-decoration: underline; font-weight: 400;}

/*******************************
CONTACT FORM
********************************/

.form-control{border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

.form-group input[type="submit"]{border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #4db8db; color: #ffffff;}

/*******************************
FOOTER
********************************/

.copyright, .attribution{font-size: 12px;}

/*******************************
MEDIA QUERIES
********************************/

/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
        .navbar-nav{top: 0px;}
        .navbar-nav > li > a{padding: 10px; font-size: 16px;}
        .navbar-right .dropdown-menu{right: auto;}
        p.notice{font-size: 10px;}
    
    }


/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
        .navbar-nav > li > a{padding: 10px 7px;}
    
    }


/* iPhone Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
        
        #post-101 img, #post-103 img{margin-top: 0px;}
    
        .navbar-brand img{max-width: 200px;}
        
        .navbar-toggle .icon-bar{background-color: #222222;}
        
        .navbar-toggle{margin-top: 40px;}
        
        .navbar-nav{margin: 0px;}
        
        .navbar-form{display: none;}
        
        .featured a{font-size: 22px;}
        
        .media .carousel-caption{bottom: 40px;}
        
        .overlay-content{top: 0px;}
        
        .featured-img.sm img{width: 100%; margin-bottom: 20px;}
        
        #post-9 h2{margin-top: 20px;}
        
        #post-9 img.alignleft{float: none;}
        
        .pagination > li > a,
        .pagination > li > span{padding: 4px 8px;}
    
    }