/*
Theme Name: Romantic Moments Theme
*/

body{font-size: 17px; font-family: 'Roboto Condensed', sans-serif;}
a{color:#bf0a30; }
a:hover{color:#000000; text-decoration: none; }
.navbar{margin:0; border-radius:0;}
.owl-carousel .owl-item img{height:250px;object-fit: cover;}
.navbar-header{width:100%; text-align:center; height: auto; padding: 15px 0 15px 0;}
nav.navbar{clear:both;}
.navbar-inverse {
    background-color: #bf0a30;
    border:none;
}
.middle-wrapper{padding: 25px 0;}
.navbar-inverse .navbar-nav>li>a{color: #fff;}
.navbar-brand{color:#bf0a30; display: block; float: none; font-family: 'Kalam', cursive; font-size: 50px; text-transform: uppercase; letter-spacing: 2px}
.navbar-brand:hover{color:#bf0a30;}
.navbar-form input{border-radius: 0; height: 32px;}
.navbar-form .search-submit{display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;color: #fff;
    background-color: #000;
    border-color: #000; border:0; float: right;}
.navbar-nav>li:hover{background: #000;}
.post-wrapper{ border-top: 1px solid rgba(0,0,0,0.1); padding-top: 35px; margin-top: 35px; float: left;
    width: 100%;}
    .post-wrapper:first-child{border:0; margin: 0; }
.post-wrapper .entry-featured {
    float: left;
    width: 34%;
    margin: 0; position: relative;
}
.page-header{border:0; padding:0; margin: 0;}
h1.page-title{padding:0; margin: 0;}
.post-wrapper h2{padding: 0 0 15px 0; margin: 0;}
.post-wrapper h2 a{color:#bf0a30; }
.entry-thumb {
    display: block;
    position: relative;
    overflow: hidden;
}
a.entry-thumb {
    padding-bottom: 65%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 200px;
}
a.entry-thumb .view {
    display: block;
    margin: -16px 0 0;
    position: absolute;
    top: 250%;
    left: 0;
    right: 0;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1);
}
a.entry-thumb:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1);
}
a.entry-thumb:hover .view {
    top: 50%;
}
a.entry-thumb:hover:before {
    top: 0;
    opacity: 1;
}
.post-wrapper .entry-wrap {
    float: right;
    width: 66%;
    padding-left: 35px;
}
.navbar-form .form-control{width:300px;}
footer{background:#bf0a30; padding: 25px 0; text-align: center; color:#fff;}
footer a{color: #fff; padding: 0;}
footer ul{list-style-type: none; padding: 0; margin: 15px 0;}
footer ul#menu-footer-menu li{position: relative;}
footer ul#menu-footer-menu li:before{content:""; position: absolute; top: 4px; left: 0; width: 1px; height: 12px; border-left: 1px solid #fff;}
footer ul li{display: inline-block; padding: 0 10px;}
footer ul#menu-footer-menu li:first-child{padding-left: 0}
footer ul#menu-footer-menu li:first-child:before{display: none;}
footer ul li a i{font-size: 30px;}
a.more-link{display: none;}
aside.sidebar{padding-left: 30px; padding-top: 15px}
aside.sidebar h2{font-size: 20px; background:#bf0a30; color: #fff; padding:10px 15px; }
aside.sidebar ul{margin: 0 20px 0 30px; padding:0;}
aside.sidebar ul li{list-style-type: disc; padding:8px 0px;}
aside.sidebar ul li a{color: #000;}
.single-post article h1{padding-bottom: 15px;}
.single-post article h2{color:#bf0a30; }
.single-post article .post-thumbnail img{width:100%; height: auto;}
.single-post article p.p-meta{padding-top: 15px;}

/* ## Comments
--------------------------------------------- */
.comment-author.vcard img {
    width: 50px;
    border-radius: 50%;
    height: 50px;
    object-fit: cover;
}
.comment-author.vcard {
    background: #ed157a;
    color: #fff;
    padding: 5px;
}
.comment-list li{
  padding-left:0px;
  
}
.blog-details .content-area .comment-list li:before{
  display:none
}

h2.comments-title{
  font-family: 'Playfair Display', serif;
  color:#ed157a
}

.reply {
    text-align: center;
    background-color: #323232;
    padding:3px;
    width: 84px;
    margin-right: auto;
}

.reply a {
    background: #323232;
}
 .comment-list{
  list-style-type: none
 }
.comment article {
    padding-bottom:2.79rem;
}
 .comment .comment-metadata a {
    color: #ed157a;
}
a.comment-reply-link,
a.comment-edit-link {
    color: #FFFFFF;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    text-decoration:none;
}
 
a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #f6e7d7;
}
.comment-list .odd .comment-body {
    background-color: #ededed;
}
.comment-list .even .comment-body {
    background-color: #ededed;
    padding: 8px;
}


.comment-respond, .entry-pings, .entry-comments {
    color: #444;
    padding: 20px;
    overflow: hidden;
    background: #323232;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.32);
    border-left: 4px solid #444;
}
.entry-comments h3{
    font-size: 30px;
    margin-bottom: 30px;
}
.comment-respond h3, .entry-pings h3, .comment-respond h2, .entry-pings h2  {
    font-size: 20px;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 37px;
}
.comment-respond {
    padding-bottom: 5%;
    margin: 20px 1px 20px 1px;
        border-left: none !important;
}
.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px;
}
.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}
.comment-header .comment-meta a {
    border: none;
    color: #adaeb3;
}
li.comment {
    background-color: #fff;
    border-right: none;
}
.comment-content {
    clear: both;
    overflow: hidden;
}
.comment-list li {
    font-size: 14px;
    padding: 8px;
    list-style-type: none
}
.comment-list .children {
    margin-top: 40px;
   
}
.comment-list li li {
    background-color: #f5f5f6;
}
.comment-list li li li {
    background-color: #fff;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}
.comment-respond label {
    margin-right: 12px; color: #fff;
      
}
.nav-links > div{float: left; width: 50%;}
.nav-links > div.nav-next{float: right; text-align: right;}
.post-navigation{padding-bottom: 30px;}
.post-navigation h2{display: none;}
input#wp-comment-cookies-consent {
    margin-right: 10px;
}
.entry-comments .comment-author {
    margin-bottom: 0;
    position: relative;
}
.entry-comments .comment-author img {
    border-radius: 50%;
    border: 5px solid #fff;
    left: -80px;
    top: -5px;
    position: absolute;
    width: 60px;
}
.entry-pings .reply {
    display: none;
}
.bypostauthor {
}
.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}
.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}
.comment-reply-link:hover{
    color: #fff;
}
.comment-notes{
    display:none;   
}

.comment-form-url{
  display:none;
}

.comment-form-cookies-consent label{
  display:inline-block; color: #fff; font-weight: 400;
}

.comment-form input[type="text"], .comment-form input[type="tel"], .comment-form input[type="email"], .comment-form input[type="submit"], .comment-form textarea {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border: 1px solid #fff;
    margin-top: 0px;
    padding: 0px 15px;
    border-radius: 0px;
    background: none;
    color: #fff;
    outline: none !important;
    -webkit-box-shadow: 0px 6px 11px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 11px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 11px -10px rgba(0,0,0,0.75);
}
.comment-form textarea {
    height: 145px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    resize: none;
}
.comment-form input[type="submit"]:hover, .comment-form button:hover {
    background: #fff;
    color: #fff;
}
.comment-form input[type="submit"], .comment-form button {
    text-transform: uppercase;
    color: #333;
    background: #fff;
    width: auto;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size:18px;
    margin-top: 22px;
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    border: none;
    cursor: pointer;
    box-shadow: none;
}
.comment-form input[type="submit"]:hover, .comment-form button:hover{color:#000;}
.wpuf-fields input, form.wpuf-login-form input, form#lostpasswordform input[type="text"]{width:100%; height: 32px; }
.wpuf-submit input[type="submit"], #wp-submit{background: #bf0a30; color: #fff; padding:10px 15px; text-transform: uppercase; border:0; height: auto; width: auto;}
form.wpuf-login-form, form#lostpasswordform{width: 50%;}
p.forgetmenot input{width: auto; height: auto;}
.wp-pagenavi{padding:20px 0; text-align: center;}
.wp-pagenavi a, .wp-pagenavi span{    padding: 3px 10px; border:1px solid #bf0a30;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border:1px solid #bf0a30; background:#bf0a30; color:#fff;}
@media only screen and (max-width: 1100px) {
.h2, h2 { font-size: 20px;}
aside.sidebar h2{font-size:18px;}
}
@media only screen and (max-width:980px) {
	body{font-size:15px;}
	.navbar-brand{font-size:35px;}
	.navbar-header {padding: 15px 0 10px 0;}
	.navbar-form .form-control{width:180px;}
	.navbar-inverse .navbar-nav>li>a{padding:15px 10px;}
	aside.sidebar{overflow:hidden; padding-left:0; width: 100%;}
}

@media only screen and (max-width:767px) {
	
	.custom-logo-link img{    width: 290px;
    height: auto;
    position: relative;
    top: -10px;}
	.h1, h1 {
    font-size: 22px;
}
	.h3, h3 {
    font-size: 18px;
}
.navbar-brand {font-size: 20px; text-align: left; padding:10px 15px 0 15px;}
	.navbar-toggle{margin-top:0; background:#bf0a30;}
	.navbar-toggle .icon-bar{background:#fff;}
	nav.navbar{min-height:inherit; position:absolute; top: 68px;
    left: 0;
    width: 100%;
    z-index: 9;}
.navbar-form .form-control {float: left;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{overflow:hidden; border:0;}
	.post-wrapper .entry-featured {
    width:100%;
    margin: 0 auto;
}
	.content-area{float:left; width:100%;}
	.post-wrapper .entry-wrap{width:100%; padding:15px 0 0 0;}
}