/*
	Theme Name: Troutinmilk
	Description: Troutinmilk WordPress Theme
	Author: Wordprax
	Author URI: http://wordprax.com
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


/*==stylesheet==*/
@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamRndBook';
    src: url('fonts/GothamRndBook.eot');
    src: url('fonts/GothamRndBook.eot') format('embedded-opentype'),
         url('fonts/GothamRndBook.woff2') format('woff2'),
         url('fonts/GothamRndBook.woff') format('woff'),
         url('fonts/GothamRndBook.ttf') format('truetype'),
         url('fonts/GothamRndBook.svg#GothamRndBook') format('svg');
}
@font-face {
    font-family: 'GothamRndBold';
    src: url('fonts/GothamRndBold.eot');
    src: url('fonts/GothamRndBold.eot') format('embedded-opentype'),
         url('fonts/GothamRndBold.woff2') format('woff2'),
         url('fonts/GothamRndBold.woff') format('woff'),
         url('fonts/GothamRndBold.ttf') format('truetype'),
         url('fonts/GothamRndBold.svg#GothamRndBold') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}

@font-face {
    font-family: 'GothamRndLight';
    src: url('fonts/GothamRndLight.eot');
    src: url('fonts/GothamRndLight.eot') format('embedded-opentype'),
         url('fonts/GothamRndLight.woff2') format('woff2'),
         url('fonts/GothamRndLight.woff') format('woff'),
         url('fonts/GothamRndLight.ttf') format('truetype'),
         url('fonts/GothamRndLight.svg#GothamRndLight') format('svg');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/GothamMedium.eot');
    src: url('fonts/GothamMedium.eot') format('embedded-opentype'),
         url('fonts/GothamMedium.woff2') format('woff2'),
         url('fonts/GothamMedium.woff') format('woff'),
         url('fonts/GothamMedium.ttf') format('truetype'),
         url('fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: 'apple_garamond_lightitalic';
    src: url('fonts/applegaramond-lightitalic.eot');
    src: url('fonts/applegaramond-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/applegaramond-lightitalic.woff2') format('woff2'),
         url('fonts/applegaramond-lightitalic.woff') format('woff'),
         url('fonts/applegaramond-lightitalic.ttf') format('truetype'),
         url('fonts/applegaramond-lightitalic.svg#apple_garamond_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*==global-css==*/
*{margin:0px;padding:0px;box-sizing:border-box;}
body{background:#fbfbfb url("images/home-topbg.jpg") no-repeat 0 0 ; font-size:18px; color:#707070;line-height:normal;   font-family: 'GothamBook';}
a{text-decoration:none;}
.row{float:left;width:100%;}
.clearfix{display:block;clear:both;}
.container{max-width:1170px; margin:0px auto;}

/*== header start==*/

.drmenunav { float: left; text-align: right;width: 100%;    margin: 38px 0;}
.drmenunav li {display: inline-block;   margin-left: 5%; position:relative;}
.drmenunav li a{font-size:16px;color:#fff; font-family: 'GothamMedium';}
.drmenunav li a:hover {color:#46afd1;}
.drmenunav li::after {background:url("images/navdivider.png") repeat 0 0;content: "";height: 12px;position: absolute;right: -30px;top: 7px;width: 5px;}
.drmenunav li:last-child::after{display:none;}
/*== header end ==*/

/*== content start ==*/
.content {float: left;width: 100%;}
.inner-content {   float: left;padding: 25px 0; width: 100%;}
.leftsidebar { float: left; width: 242px;}
.signup-box {background: #46afd1;color: #fff;display: inline-block; padding: 22px 10px;text-align: center;}
.signup-box h4 { font-size: 18px;  font-family: 'GothamRndBold';font-weight:normal;}
.signup-box p { font-size: 13px; padding: 8px 0 10px; font-family: 'GothamBook';}
.dr-email {background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;border: medium none;border-radius: 5px;color: #fff;font-size: 14px;height:47px;
    line-height: 47px;padding: 0 7px;width: 100%; font-family: 'GothamBook';}
.signup-bttn{background: #fff;border: medium none;border-radius: 5px;color: #46afd1;font-size: 15px;height:47px;line-height: 47px;padding: 0 7px;width: 100%;  font-family: 'GothamRndBold';text-transform:uppercase;margin-top:12px;cursor:pointer;}
.post-field {display: inline-block; margin-top: 20px; width: 100%;	 background: #fff;}
.post-field > ul {display: inline-block;width: 100%;}
.post-field h5{background: #ff3b3b;color: #fff;font-size: 14px;text-align:left;text-transform: uppercase;  padding: 14px 15px;font-family: 'GothamRndBold'; font-weight:normal;}
.post-field ul{padding:10px 10px 15px;border:1px #eeeeee solid;}
.post-field ul li {list-style:none;border-bottom:1px #e5e5e5 solid; margin-bottom: 6px;padding-bottom: 8px;}
.post-field ul li:last-child{border:none;}
.post-field ul li label {color: #000; font-size: 13px;font-family: 'GothamMedium';}
.post-field ul li a {color: #000; font-size: 13px;font-family: 'GothamMedium';}
.post-field ul li a:hover { color: #ff3b3b;}
.post-field ul li span { color: #8e8e8e;font-size: 12px;    font-family: 'GothamRndLight';display: inline-block; width: 100%;}
.post-field.archives > ul {padding: 0 0 0;}
.post-field.archives a {color: #000;font-size: 13px;padding-left: 12px;    font-family: 'GothamBook';}
/*.post-field.archives li:last-child {background:#f6f6f6;text-align: center;padding: 13px 0;}*/
.post-field.archives a:hover { color: #ff3b3b;}
/*.post-field.archives li:last-child a{font-size: 14px; font-family: 'GothamRndBold';color:#9d9d9d;background:#f6f6f6;text-align: center}*/
.post-field.archives li {margin-bottom: 0; padding: 5px 0 8px;}
.post-field.archives li.year{background: color:#9d9d9d;background:#f6f6f6; font-weight: bold;}
.post-field.archives li.year a{color:#9d9d9d;}
.post-field.archives li.year a:hover { color: #000;}
.rightsection{ float: right; width: 77%;}
.right-search {color: #ffffff;float: right;margin-bottom: 50px;padding: 0 130px;text-align: center;width: 100%;}
.right-search > h4 {font-size: 36px;  font-family: GothamRndBold; font-weight:normal;}
.right-search > p { font-size: 15px;  padding: 15px 0 42px;  font-family: 'GothamBook';}
.drsearch {background: #fff;border-radius: 3px; height: 51px;margin: 0 auto; width: 648px;}
.bttnsearch { background: #ff3b3b url("images/search.png") 0 0 no-repeat;border: medium none; border-radius: 0 3px 3px 0; float: right; height: 51px;width: 57px;background-position:center center;cursor:pointer;}
.textsearch { border: medium none; border-radius: 3px 0 0 3px; float: left; height: 51px; line-height: 51px;  padding: 0 7px;  width: 91%;   font-family:  'GothamRndBook';font-size:14px;}
.catg-section {float: left; margin-top:0px; width: 100%; }
.drfirst-catg{box-shadow: 0 2px 2px #d6d6d6;float:left;width:100%;background-color:#fff;}
.drpadding {float: left;padding: 35px 30px;width: 100%;}
.drpadding > h4 { color: #000; font-family: "GothamMedium";  font-size: 28px;  font-weight: normal; text-transform: uppercase;   padding-bottom: 20px;}
.drpadding figure { float: left;}
.drpadding > p {font-family: 'GothamRndBook'; float: right;font-size: 15px; width: 72%; line-height: 22px;}
.dr-comment { border-top: 1px solid #e5e5e5;float: left;height: 46px;line-height: 46px;margin-top: 10px;padding: 0 18px;width: 100%;}
.dr-comment > a {color: #000; float: left;font-family: 'GothamRndBook'; font-size: 14px;}
.dr-comment > a i {color: #a3a3a3; font-size: 17px; padding-right: 8px;}
.drcal { margin-right: 30px;}
.dr-comment .drshare i { color: #46afd1; padding-left: 8px;}
.dr-comment .drshare { float: right;}
.wall-item {isplay: block;margin: 0 0 30px 0;padding:24px 21px 0px;background: white;border-radius: 3px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 220ms;box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1)}
.wall-item:hover {box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);}
.wall-item > img {display: block;width: 100%;margin: 0 0 24px 0;}
.wall-item h4 {text-align:left; font-size: 20px;text-transform: uppercase;margin: 0 0 12px 0;color:#585858;font-weight:normal;
 font-family: 'GothamBold';}
.drheading{text-align:left; font-size: 20px;text-transform: uppercase;margin: 0 0 30px 0;color:#000;font-weight:normal;
 font-family: 'GothamBold';float:left;width:100%;}
.wall {  display: block;  float: left;  margin: 23px -12px 2px;  position: relative;  width: 104.9%;}
.wall-column {  box-sizing: border-box;  display: block;  float: left;  padding: 0 12px;  position: relative; width: 49%;}
.wall-item > figure { text-align: center;}
.wall-item > p {  font-size: 14px;padding-top:15px;line-height:22px;}
.wall-column .dr-comment {display: inline-block; float: none;  margin: 9px -21px 0; width: auto; display:block;}
.wall-item h6 {color: #46afd1; font-size: 14px; font-style: italic;font-family: 'GothamBook';}
.wall-item img {width: 100%;}
.link {font-size:14px; color: #ff3b3b; font-style: italic;    font-family: 'GothamBook';}
.drheading:hover { color: #ff3b3b;}
.bttnsearch:hover { background-color: #46afd1;}
.signup-bttn:hover { background: #ff3b3b;color: #fff;}
/*== content end ==*/

/*== Footer start ==*/
footer{float:left;width:100%;background:url("images/fttr-bg.jpg") 0 0 no-repeat;background-size:cover;}
.uppr-fttr { float: left; width: 100%;padding:45px 0;border-bottom: 1px solid #2c2c2c;}
.fttr-col {float: left; width: 33.33%;}
.fttr-col > h4 { font-family: 'GothamRndBold'; color: #fff; font-size: 16px;font-weight:normal;  padding-bottom: 8px;  float: left;width: 100%;}
.page-link a { color: #fff; font-size: 14px;  line-height: 22px; font-family: 'GothamBook';}
.page-link { float: left; width: 100%;}
.page-link li{ float: left; width: 100%;}
.payment{float:left;width:100%;margin-top:5px;}
.payment > li { float: left; margin-right: 2px;}
.drtweet {margin-top: 28px;}
.my-tweet { color: #fff; font-size: 14px;font-family: 'GothamBook';float:left;width:100%;}
.fttr-col.pull-right > p { color: #fff; font-family: 'GothamBook'; font-size: 14px;}
.fttr-col.pull-right > p {color: #fff;  float: left; font-family: "GothamBook";  font-size: 14px; padding-top: 5px; width: 100%;}
.fttr-email {background: #6d6d6d;border: medium none; border-radius: 3px; color: #fff; font-size: 14px; height: 46px;font-family: "GothamBook";     margin-top: 22px; padding: 0 5px;  width: 100%;line-height:46px;}
.subscribe-bttn {background: #ff3b3b;border: medium none;border-radius:3px;color:#fff;font-size:14px;height: 46px;margin-top:22px;padding:0 20px;font-family: 'GothamBold';text-transform:uppercase;cursor:pointer;}
.bttm-fttr { float: left;  width: 100%; opacity: 0.6;}
.bttm-fttr ul { float: left;padding: 20px 0 25px; text-align: center;width: 100%;}
.bttm-fttr li { display: inline-block;position:relative;}
.bttm-fttr li a{ display: inline-block;}
.bttm-fttr a { color: #fff; font-size: 12px;  padding: 0 8px;}
.bttm-fttr li::before { content: "|"; font-size: 12px; position: absolute; right: -3px; top: 7px;color:#fff;}
.bttm-fttr li:last-child::before { display:none;}
.bttm-fttr li a:hover {color: #939393;}
.page-link a:hover {color: #8e8e8e;}
.subscribe-bttn:hover {background: #fff none repeat scroll 0 0;color: #ff3b3b;}
/*== Footer end ==*/


/*== article-detail start ==*/
.article-detail .dr-comment {border: medium none; margin: 0 0 20px;padding:0px;}
.drarticle-section { display: inline-block; padding:30px 25px; width: 100%;}
.article-detail .drheading { color: #000; font-size: 34px;  margin: 0 0 8px;}
.drsubarticle-section {float: left; width: 100%; color: #585858; font-size: 15px;    font-family: 'GothamRndBook';}
.drheadingarticle {background: #ff3b3b;color: #fff;font-size: 15px;padding: 9px 11px;  font-family: 'GothamRndBold';float: left; margin-bottom: 30px;}
.message {background: #fafafa;float: left; margin: 31px 0 0;padding: 16px 15px; width: 100%;  border-left: 2px solid #46afd1;font-size:15px;color:#000;  font-family: 'GothamMedium'; font-style: italic;  line-height: 20px;}
.drsubarticle-section > figure {float: left; margin: 41px 0;}
.drsubarticle-section p {margin-bottom:30px;line-height:22px;width: 100%; float:left;}
/*.drsubarticle-section em{font-style: normal !important;}*/
.share-like {background: #f7f7f7;float: left; margin: 50px 0 30px; padding: 16px 15px;width: 100%;}
.right-socialicon { float: right;margin:7px 0;}
.left-socialicon { float: left;}
.like-this { font-family: 'GothamMedium';border: 1px solid #46afd1; color: #46afd1;float: left; font-size: 11px; height: 30px;line-height: 30px;
    text-align: center; width: 97px;position:relative;margin-right: 16px;}
.like-this i {float: left;font-size: 13px;line-height: 29px; padding: 0 0 0 8px;}
.like-this::after { font-family: 'GothamBook'; color: #e5e5e5; content: "|"; font-size: 30px; position: absolute; right: -21px; top: -2px;}
.fbshare { float: left; margin: 5px 9px 0 15px;}
.print-icon {color: #ff3b3b; font-size: 12px;font-family: 'GothamMedium';  margin-right: 12px;position:relative;}
.print-icon i {float: left; font-size: 18px;margin: 3px 4px 0 0;}
.print-icon::after { font-family: 'GothamBook'; color: #e5e5e5; content: "|"; font-size: 14px; position: absolute; right:-17px; top:-1px;}
.share-icon { color: #9d9d9d;  font-family: 'GothamRndBook'; font-size: 13px;  margin-left: 12px;}
.share-icon i { color: #46afd1; float: right;font-size: 18px; margin-left: 5px;  margin-top: 4px;}
.published { border-top: 1px solid #f0f0f0; float: left;padding-top: 27px;width: 100%;}
.published > h5 {color: #737373;font-family: 'GothamRndBold';font-size: 16px;font-weight: normal;margin-bottom: 20px;width: 100%;float:left;}
.published > figure { float: left;}
.right-published {float: right; width: 85%;}
.right-published > h4 {color: #000; font-size: 18px;font-family: 'GothamMedium';font-weight:normal;   padding-bottom: 13px;}
.right-published > p {color: #585858; font-size: 13px; line-height: 21px; font-family: 'GothamBook';}
.right-published > a {color: #ff3b3b; font-size: 15px; padding-top: 17px;font-family: 'GothamRndBold';float: left;}
.right-published > a i {padding-left: 8px;}
.comment-section{float:left;width:100%;box-shadow:0 2px 2px #d6d6d6;margin-top:29px;}
.inner-comment{padding:30px 25px;}
.drpadding > p strong {color: #000; float: left; font-size: 48px; padding-top: 11px;}

/*== slider start==*/
.bx-wrapper {position: relative;margin: 0 auto 0px;padding: 0;*zoom: 1;}
.bx-pager-item {display: none;}
.slide .btn-link.left-arrow {left:0px;background: url(images/prev-arrw.png) no-repeat 0 0px;}
.slide .btn-link.right-arrow {right:0px;background: url(images/next-arrw.png) no-repeat 0px 0px;	} 
.slide .btn-link {position: absolute;	top: 30%;outline: 0;width:66px;height:66px;text-indent:-9999px;
z-index: 9999;}
.blog-slider { float: left; position: relative; width: 100%;text-align: center; margin: 35px 0 20px; }
.drslider { margin: 0 auto;width: 94%;}
.drslider .slide {border-radius: 4px;box-shadow: 0 2px 2px #d6d6d6;margin:0px 2%;padding:19px 34px;
    text-align: left; width: 46%; float:left;}
.blog-slider .bx-viewport { height: 158px !important;}
.slide  h5 { color: #000; font-size: 16px;font-family: 'GothamRndBold';font-weight:normal;}
.slide  h5 a{color: #000; }
.slide p {color: #585858; float: left;font-size: 13px; line-height: 20px; padding: 9px 0; width: 100%;}
.source {color: #ff3b3b; font-size: 13px;font-family: 'GothamBook';font-style:italic;padding:9px 0px;line-height:20px;width:100%;float:left;}
.source b { color: #000; font-style: normal;font-family: 'GothamRndBold';   font-weight: normal;}
.drcal-blog{color: #000; float: left; font-family: "GothamRndBook"; font-size: 13px;}
.drcal-blog i {color: #a3a3a3;font-size: 16px; padding-right: 8px;}

/*== slider end ==*/

/*== quote-box== */

.quote-box {background-color: #ffffff;border: 1px solid #eeeeee;color: #000000;padding: 20px 17px;}
.quote-box h5 {font-family: gothammedium;display:block;font-size: 16px;font-style: italic;font-weight: normal;text-align: center;text-transform: uppercase;}
.quote-box .divider {background-color: #cccccc;height: 2px;margin: 11px auto;width: 40px;}
.quote-box{font-family: 'apple_garamond_lightitalic'; font-size:17px;letter-spacing:1px;   hyphens: auto;}
.quote-box .fa.fa-quote-left {float: left;font-size: 36px;margin-right: 10px;vertical-align: top;}
.post-field h5 .fa.fa-globe {display: inline-block;font-size: 20px;margin-right: 10px;margin-top: -4px;vertical-align: middle;}
.post-field.recommend-box ul a {color: #0078ff;font-family: GothamBook;padding-left:10px;}
.post-field.recommend-box ul {padding:0px}
.post-field.recommend-box li::before {color: #0078ff;content: "";font-family: fontawesome;font-size: 10px;font-weight: normal;}
.post-field.recommend-box li {margin-bottom: 0;padding: 12px 15px;}
.support-cont {background-color: #ffffff;border: 1px solid #e5e5e5;color: #585858;font-family: gothambook;font-size: 12px;line-height: 1.3em;padding: 15px;text-align: center;}
.support-box .fa.fa-life-ring {display: inline-block;font-size: 17px;margin-right: 10px;margin-top: -4px;vertical-align: middle;}
.support-box .donate-btn {display: inline-block;margin: 17px 0 13px;}
.recommend-book .fa.fa-book {font-size: 17px;margin-right: 10px;}
.recommend-book ul li {margin: 0;padding: 10px 0;border:0px; float: left; width: 100%; text-align: center;}
.recommend-book ul li iframe{display: inline-block;}
.recommend-book-inner li figure {float: left;width: 58px;}
.recommend-book .recommd-details {font-size: 11px;margin-left: 75px;}
.recommd-details .title a {color: #1e517c;font-family: GothamRndBold;font-size: 13px;}
.recommd-details .author, .recommd-details .author a {color: #555555;font-size: 11px;}
.recommd-details .rating .rating-count {color: #1e517c;display: inline-block;font-size: 10px;margin-left: 5px;}
.recommd-details .author {margin: 1px 0;}
.recommd-details p {margin: 3px 0;}
.recommd-details .delivery-option a.free {color: #771b0e;}
.drpadding .drheading {color: #000000;font-size: 28px;margin:0px 0px 28px;font-family: gothammedium;}
.wall-item > p .label {color: #000000;font-family: gothambold;font-weight: normal;}
.pagination {float: left;margin: 60px 0;  color: #555555;font-family: GothamMedium;font-size: 16px;text-align: center;width: 100%;}
.pagination a.page-numbers {color: #555555;display: inline-block; height: 30px;line-height: 30px;text-align: center;width: 30px;}
.pagination a.page-numbers.next, .pagination a.page-numbers.prev{width: auto;}
.pagination .page-numbers {margin: 0 10px;}
.pagination span.page-numbers {background-color: #ff3b3b;border-radius: 100%;color: #ffffff;font-family: gothambold; display: inline-block; height: 30px;line-height: 30px;text-align: center;width: 30px;}
.pagination span.page-numbers.dots{background: none; color: #555555}
.archives .fa {font-size: 17px;margin-right: 10px;}
.drpadding a{color: #ff3b3b;}
.drpadding iframe, .drpadding figure{width: 25% !important; he}
.drpadding iframe {height:121px !important;}
.drpadding figure img{max-width: 100%}
.drsubarticle-section iframe{float: left; width: 100% !important}
.right-search .fb-social-plugin, .right-search .addthis_toolbox{display: none !important}
.post-field.archives ul li{display: none;}
.post-field.archives ul li.month, .post-field.archives ul li.year{display: block !important;}
.archives ul li a .fa { float: left; margin-top: 2px; font-size: 17px; margin-left: 11px; margin-right: 10px;}
.alignleft{float: left; margin-right: 20px;}
.alignright{float: right; margin-left: 20px;}
.rightsection.searchcont{background: #fff;}
.searchcont h1{float: left; width: 100%; padding:20px; box-sizing:border-box; font-family: "GothamBold"; font-size: 25px; text-transform: uppercase; background: #ff3b3b; color: #fff;}