/*

Theme Name: Blue Operator

Description: A Theme Made  for Oprain fall.

*/

 .navigation {
    float: left;
    width: 100%;
}
.single .blog-main hr {
    border-color: #00adee;
}
.single .blog-main.night-mode{
    background-color: black;
    color: wheat;
    ..............;
}
.single .blog-main.day-mode {
    background: url(/img/web_tile.png);
    color: white;
    font-color: black;
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

.menu-top-navigation-two .open {
    width: 100%;
}

.menu-top-navigation-two li {
  width: 25%;
}
.navbar .menu-top-navigation-two .dropdown {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
.topfeaturedmenu .menu-top-navigation-two li a.dropdown-toggle {
    padding: 0;
}
.menu-top-navigation-two .open .dropdown-menu li {
    width: 50%;
}
.menu-top-navigation-two li:last-child {
    width: 100%;
    margin-bottom: 3rem;
}
.topfeaturedmenu .menu-top-navigation-two-container ul li a, .topfeaturedmenu .menu-top-navigation-two li a{
font-size: 1.5rem;
padding: 0 1rem;
    font-weight: 100;
}
ul.menu-top-navigation-two {
    margin: 0;
}
.single .postcontentwrap .blog-main {
    padding: 1rem;
    font-size: 1rem;
}
.menu-top-navigation-one {
    margin-left: 5%;
}

.menu-top-navigation-one-container .menu-top-navigation-one li{
width:100%;
    border-right: 1px solid #ffffff;
}
.menu-top-navigation-one li a {
    font-size: 1.15rem;
    color: #444;
    padding: 0 1rem;
    font-weight: 100;
}
.midnav .FPWrapper .FBInnerWrapper .col-sm-3 {
border-right: 1px solid gray;

}
.FBInnerWrapper .topnavpost .FBFeatured {
    min-height: 20rem;
    background-size: cover;
    padding: 0;
}

.FBInnerWrapper .topnavpost .col-sm-8 {
    min-height: 20rem;
    padding: 2rem 9rem;
    float: left;
    margin-top: -20rem;
    background-color: rgba(4, 4, 4, 0.4);
    border: 1px solid;
    text-align: center;
}

.FBInnerWrapper .topnavpost #thumbnail-label a {
    color: white;
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
}
.blog-post-container .blog-post {
    margin-bottom: 1rem;
}

.single .jumbotron, .blog-sidebar, .single  .blog-main {
    width: 80%;
}
.single  .jumbotron .inner-cover {
    background-size: 100% 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    color: white;
}
.arch-One img, .arch-two img {
    width: 87%;
}

#searchform #searchsubmit{
width:100%;
}
#searchform input {
    width: 100%;
}


}



/* ----------- samsung ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 412px) {				 {

.jumbotron .inner-cover {
    background-size: 100% 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    color: white;
}
  }
  }


/* IPHONE 5*/
/* Portrait and Landscape*/

@media only screen 
and (min-device-width : 319px) 
and (max-device-width : 767px)  { 
html .single .blog-main{
padding: .5rem;
}
.single .jumbotron .inner-cover{
padding-top: 0;
    padding-bottom: 20rem;
    padding-left: 0;
    padding-right: 0;
}
.single .jumbotron h2{
font-weight: 400;
    font-size: 1.5rem;
    padding: 5% 0;
    margin-top: 0;
    margin-bottom: 0px;
}
.single .jumbotron .inner-cover #postdata{
    font-weight: 300;
    font-size: 1rem;    
}
.single .postitletwo {
    font-size: 150%;
    width: 65%;
}
.socialink {
display:none;
}
}



/* IPAD*/
/* Portrait and Landscape*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.FBInnerWrapper .brand img {
    max-height: 8rem;
    width: 100%;
}
.brand a {
    min-height: 8rem;
    float: left;
}
.midnav .FBInnerWrapper .col-sm-3 {
    padding: 0;
}

.FBInnerWrapper .topnavpost .FBFeatured {
      display: none;
}
.cover-center-block {
    margin: 0;
    padding: 0;
    width: 100%;
}
.jumbotron .inner-cover {
    background-size: 100% 100%;
    padding-top: 20rem;
    padding-bottom: 40rem;
    padding-left: 15rem;
    padding-right: 15rem;
    color: white;
}

}






.FPWrapper .FBInnerWrapper .brand {
    border-right: 1px solid gray;
padding-left:0;
}
.single .brand img {
    max-height: 8rem;
    width: 100%;

}
.brand img {
    min-height: 8rem;
    width: 100%;
}
.hiddenad {
	height: 0;
	padding:0;
	margin-bottom:0;
	margin-top:0;
}

.hp_hide{
	height: 0;
	padding:0;
}

.hiddenad p {
    font-size: 1.75rem;
    padding: .5rem 0;
    margin: 0;
}


.postitletwo{font-size: 300%;
    color: rgb(58, 58, 58);
    margin: 0px;
    padding: 1rem 0;
 
}
.arch{
position:relative;
float:left;
}
.arch img{
position:relative;
float:left;
width:100%;
}
.contentheader h4 {
    color: #505050;
    font-weight: 700;
}
.contentheader h4 a {
    font-size:1.75rem;
    font-weight: 600;
color: #00adee;
}
.postcontentwrap .hiddenpanel{
    height: 80%;
    background-color: black;
    padding: 1rem;
}
.single {
background-color:#d6d6d6;
}

#searchform #searchsubmit {
  margin: 0;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    color: white;
    background-color: #4e4e4e;
}
#searchform input {
    min-height: 3rem;
    margin-top: .05rem;
    float: left;
    background-color: white;
    border-left: 1px solid white;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    color: #0f9fe1;
}


.midnav{
background-color:white;
padding:0 5%;

}
body .navbar{
    margin-bottom: 0;
    border-radius: 0;
    min-height: 3rem;
    background-color: #0f9fe1;
    border-bottom: 1px solid #ffffff;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.navbar-nav>li.menu-item>.dropdown-menu {
    width: 50rem;
    float: left;
    left: 0;
}
.menu-top-navigation-one li {
    border-right: 1px solid #c3c2bc;
float: left;
    color: black;
}
ul#menu-top-new.menu-top-navigation-one .dropdown-menu>li>a {
    color: black;
}

.menu-top-container .menu-top-navigation-one li a {
    padding: .8rem;
    font-weight: 500;
    color: #4e4e4e;
    text-transform: capitalize;
    font-size: 1.25rem;
}
.menu-top-navigation-two li {
    float: left;
    padding-right: 1rem;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
.menu-top-navigation-two li:last-child {
    border-right: 1px dotted lightgray;
}
.topfeaturedmenu .navbar .container-fluid{
    background-color: white;
    float: left;
    padding: 0 5%;
    width: 100%;
}
.single .topfeaturedmenu .navbar {
background-color: #d6d6d6;
}
.topfeaturedmenu .navbar {
    float: left;
    width: 100%;
    min-height: 5.5rem;
    border-top: 1px solid #c3c2bc;
    background-color: white;
    border-bottom: 0;
}
.col-sm-3  .navbar-brand{
color:#009fc5;
}

#thumbnail-label {
    margin: 0;
}

.size-large{width:100%;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0;  }
img.aligncenter { display: block; margin-left: auto; margin-right: auto;  }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;     height: initial;}

body .jumbotron{
padding:0;
margin-bottom:1rem;
background-size:cover;
text-align:center;
background-color: rgba(70, 70, 70, 0.89);
    background-blend-mode: multiply;

}

.jumbotron .inner-cover {
    background-size: 100% 100%;
  padding-top: 5rem;
    padding-bottom: 45rem;
    padding-left: 25rem;
    padding-right: 25rem;
    color: white;
}

.jumbotron .inner-cover h1{
    font-weight: 700;
    font-size: 2.8rem;
    text-align: center;
    margin-bottom:0;	
}




.inner-cover .col-sm-2,.commentbar{
    font-size: 1.25rem;
    letter-spacing: .15rem;
    font-weight: 600;
    padding: 2rem;
    border-top: 1px solid #23282d;
    border-bottom: 1px solid #23282d;
}
.inner-cover .col-sm-2{
    border-top:0;
    border-bottom: 0;
}

 .commentnumberlabel{
    padding: 0 1.5rem;
    background: #009fc5;
    border-radius: 10px;
}

.menu-top-navigation-one {
    margin-right: 5%;
}
ul#menu-top-new.menu-top-navigation-one a {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 500;
    color: #fffefe;
    text-transform: capitalize;
    font-size: 1.25rem;
}

.menu-top-navigation-two-container {
    position: relative;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.menu-top-navigation-two-container ul li a, .menu-top-navigation-two li a {
    font-size: 1.15rem;
    color: #444;
    padding: 0 1rem;
    font-weight: 100;
}
.blog-masthead .topfeaturedmenu {
    padding: 0;
    background-color: white;
}
.blog-masthead {
    overflow: hidden;
    background-color:lightgray;
    padding-bottom: 3%;
}
.blog-wrapper{
background-color:white;
padding: 1rem;

}
body .blog-post
.menu-top-navigation-two-container .navbar-nav>li>a {

color:black;

}

.blog-main #thumbnail-label a{
     padding-bottom: 1rem;
    font-size: inherit;
    line-height: 2.25rem;
    color: #383838;
}

#thumbnail-label a{
    color: #171717;
    text-decoration: none;
    font-weight: 500;
    text-align: left;
    width: 100%;
    font-size: 1.25rem;
    position: relative;
    float: left;
    line-height: 1.5rem;
}

.FBInnerWrapper a, .blog-title a, body .blog-post #thumbnail-label a {
    text-decoration: none;
    color: white;

    font-weight: 900;
}

.postcontentwrap{

background-color:white;
}
.postcontentwrap .row {
    background-color: white;
}
body .blog-description,body .jumbotron h2,body .jumbotron p {
       text-decoration: none;
    color: white;
    font-family: georgia;
    font-weight: 900;
    text-transform: capitalize;
}



.topnavpost .FBFeatured{
    min-height: 8rem;
    background-size: cover;
    padding: 0;

}
.topnavpost .col-sm-8 {
    min-height: 8rem;
    padding: 0 4%;
}


.container-fluid .FPWrapper .FBInnerWrapper {
    width: 100%;
    background-color: white;
    margin-top: .1rem;
    margin-bottom: .1rem;
    min-height: 6rem;
}

.menu-top-navigation-two .socialink, .menu-top-navigation-two .socialink a{
    padding: 0;
    margin: 0;
}
.menu-top-navigation-two .socialink a {
    padding: 0;
font-size: 2rem;
}
.menu-top-navigation-two .socialink img {
    max-height: 2rem;
    margin-top: -3px;
}
.menu-top-navigation-two .socialink .graylabel img {
max-height: 1.5rem;
    padding-bottom: .15rem;
    padding-top: .15rem;
}
.graylabel{
border-right:0;

}
.dropdown-menu li{
border-bottom:0;

}
.single .container-fluid .FPWrapper .FBInnerWrapper {
    max-height: 8rem;
}
.FBInnerWrapper .col-sm-3 {
    border-right: 1px solid gray;
    padding-right: 0;
}
.FBInnerWrapper .col-sm-3:last-child {
    border-right: 0;
}
.MFPwrapper{
margin-top:1rem;
margin-bottom:1rem;
border-top: .5rem solid #0f9fe1;
}
.postcontentwrap .blog-sidebar {
    text-align: center;
    padding: 2rem;
    background-color: rgb(35, 40, 45);
}

#yiw-featured-post li {
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: .75em 0;
    font-size: 90%;
    border-bottom: 1px solid #c6c5c5;
    display: block;
    overflow: hidden;
    max-height: 21rem;
}

body .blog-sidebar {
    text-align: center;
padding:0;
    background-color: white;
}
body .blog-sidebar caption {
   text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: #00adee;
    border-color: #23282d;
    color: white;
    font-weight: 700;
}
body .blog-sidebar ul li a {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
color:black;
}
.sidebar-titlebox{
background-color: #00adee;
color:white;
padding:2rem;
}
.col-sm-12.sidebar-titlebox #shareBtn {
background-color: #10769c;
    border-color: #57d1ff;
}
.blog-main,.search .blog-main  {
    padding-left: 2rem;
    overflow: hidden;
    padding-right: 2rem;
    padding-top: 2rem;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    background-color: white;
}
.single .blog-main {
    padding: 4rem;
line-height: 2.5rem;
}
.single .author_bio_section {
    position: relative;
    float: left;
    margin-top: 5rem;
    background-color: #f5f5f5;
width:100%;
}
body .blog-post-container {
       position: relative;
    float: left;
    margin-bottom: 1rem;
    border-bottom: .25rem solid #0f9fe1;
    margin-top: 1rem;
    padding-bottom: 1.5rem;
    width: 100%;
}
 body .blog-post{
    background-size: cover;
    text-align: center;
    transition: .8s;
    min-height: 19rem;
    margin:0;
}
body .blog-post .arch-One img{
    width: 85%;
    height: 6.25rem;
}
 body .blog-post .arch-two img {
    width: 85%;
    height: 6.25rem;
}
.blog-post-container .col-sm-2 {
padding: 0 .75rem;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}
.blog-post-container ul.post-categories, .contentheader ul.post-categories {
    padding-left: 0;
    width: 100%;
    float: left;
    background-color: #ffbe10;
    margin-top: .5rem;
}
.blog-post-container .excerpt {
    background: white;
    color: black;
     font-size: 1.7rem;
line-height: 2.5rem;
}
.blog-post-container .post-categories li, .contentheader ul.post-categories li {
    list-style: none;
    border-bottom: 0;
    padding-left: 1rem;
    background-color: #ffbe10;
    padding-top: .5rem;
    padding-bottom: .5rem;
    float: left;
    border-left: 1px solid white;
    padding-right: 1rem;
}
.blog-post-container .post-categories a, .contentheader ul.post-categories li a  {
    color: #2f2f2f;
    font-size: 1.25rem;
}
.blog-post-container .excerpt .lead {
      font-size: 1.5rem;
    padding-bottom: 0;
    font-family: georgia;
    margin-bottom: 0;
    line-height: 2.25rem;
}
.blog-post-container .excerpt img {
    vertical-align: text-top;
    position: relative;
    float: left;
    margin: 0 .25rem 0 0;
    height: 9.5rem;
    width: 20%;
}
.post:nth-child(3){
 border-bottom: 0;
}
.post1{
height: 50rem;
padding:2rem;
    background-size: cover;
    text-align: left;
background-color: rgba(70, 70, 70, 0.61);
    background-blend-mode: multiply;
    border-right: .25rem solid white;

}
 .post2, .post3, .post4 {
    height: 25rem;
    padding:2rem;
    background-size: cover;
    text-align: left;
background-color: rgba(70, 70, 70, 0.61);
    background-blend-mode: multiply;
    border-bottom: .25rem solid white;

}
.post .blog-title{
    margin-bottom: 0;
font-size:2rem;
}
body .blog-post a{
color: white;
    font-weight: 600;
}

body .blog-post:hover, body .blog-post:active {
 	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}
.comment-body{
    padding: 1rem;
}
.comment:nth-child(odd) .comment-body{
background-color:#009fc5;
color:white;
}
.children  .comment:nth-child(odd) .comment-body {
background-color:white;
color:black;
}
.comment-list{
padding:0;
}
.comment-list li{
    list-style: none;
}
.comment-list .children  li a{
color:black;
font-weight:400;
}

.comment-list li a{
color:white;
font-weight:400;
}


.blog-footer {
    background-color: black;
    text-align: center;
    min-height: 5rem;
    float: left;
    width: 100%;
}


.vcard img {
    border: .5rem solid #d8d8d8;
    border-radius: 50%;
}
.author_bio_section  {
    position: relative;
    float: left;
}
.author_details img {
    border: .5rem solid #656565;
    border-radius: 50%;
    float: left;
    margin-right: 1rem;
    background-color: rgba(70, 70, 70, 1);
    background-blend-mode: color-dodge;
}
.widget {
    position: relative;
    float: left;
    width: 100%;
    margin: 0.25rem 0;
    color: black;
background-color:white;

}


.Operator-widget-title{
      background-color: #4eb8e8;
    text-align: center;
    padding: 1rem;
    margin-top: 0;
    color: white;
}
.Operator-widget-title li a:hover{
    text-decoration: none;

}

#wp-calendar{
width:100%;
}
#wp-calendar th {
    text-align: center;


}
.widget ul{
    padding: .5rem;
    position: relative;
    float: left;
    background-color: white;
    margin-bottom: 0;
    margin-top: 0;
}
.widget ul li {
      position: relative;
    float: left;
    list-style: none;
    padding: 1rem;
    text-align: left;
    font-size: large;
    margin-bottom: .2rem;
    width: 100%;
    color: #00aeef;
    border-bottom: .25rem solid #e2e2e2;
}
.widget_facebook_likebox {
    background-color: white;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.widget_twitter_timeline {
    background-color: white;
    padding-bottom: 2rem;
    padding-top: 2rem;
    color: white;
}
.SandboxRoot .timeline-Header .timeline-Header-title{
color: #ffffff;
}
.SandboxRoot .timeline-Header .TweetAuthor-name {

    color: white;
}
.SandboxRoot .timeline-Header  .timeline-Tweet-text {
    color: wheat;
}
.blog-sidebar .recentcomments a {
    color: black;
    font-size: initial;
    text-align: left;
}
.excerpt .postmetadata {
color: #337ab7;
    padding: 1rem 0;
    width: 100%;
    position: relative;
    font-size: 90%;
}

.postmetadata a {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    margin-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    color: #151b18;
}