/*
Theme Name: Smart Mag Child
Theme URI: http://theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: http://theme-sphere.com
Template: smart-mag
Version: 1.0
*/

@import url("../smart-mag/style.css");
img.attachment-grid-overlay.size-grid-overlay.wp-post-image.no-display.appear { height: 210px; border: 1px solid #F2F2F2; margin-bottom: 10px; }
div.hp-col1 img.attachment-grid-overlay.size-grid-overlay.wp-post-image.no-display.appear { width: 336px; }
div.hp-col2 img.attachment-grid-overlay.size-grid-overlay.wp-post-image.no-display.appear { width: 336px; }
div.hp-col3 img.attachment-grid-overlay.size-grid-overlay.wp-post-image.no-display.appear { width: 348px; }

/* -------- Homepage Button styles -------------------- */
.BtnContainer { display: table; table-layout: fixed; width: 100% !important; margin-top: 10px; }

.Btn{ background-color: #19232d; width:100% !important; color: #fff; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; transition-delay: 0s; font-size: 16px !important; line-height: 21px !important; min-width:100%; padding: 5px 21px; }

 a.Btn { height:50px; display: table-cell; vertical-align: middle; color:#fff!important; font-weight:normal!important; text-decoration:none; text-shadow:none!important; font-family: 'Open Sans'; width:100% !important; min-width:100%; text-align: center; }
 
.Btn:hover, .Btn a:hover { background-color: #9D3840; text-decoration: none !important; border: none; }

/* -------- Footer social icon colors ---------- */
li.social-icons-list-item a span { background-color: #808080 !important; }
li.social-icons-list-item a span:hover { background-color: #9E3039 !important; }

/* -------- SIDEBAR Customization ---------------*/
li.rpwe-li img { height: 74px; width: 85px; border: 1px solid #eeeeee; margin: 2px 14px 2px 0; padding: 3px; float: left; }
li.rpwe-li p { font-size: 11px; line-height: 16px; }
.rpwe_widget.recent-posts-extended > h2 { color: #9e3930; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 16px; padding-bottom: 10px; font-family: 'Open Sans', arial; }
.rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; }
.rpwe-block li{ margin-top: 6px; list-style-type: none; }
.rpwe-block a{  display: inline !important; text-decoration: none; }
.rpwe-block h3{ background: none !important; clear: none; margin-bottom: 4px !important; margin-top: 0 !important; font-weight: 400; font-size: 13px !important; line-height: 14px; }
.rpwe-thumb{ border: 1px solid #eeeeee; box-shadow: none !important; padding: 3px !important; margin: 2px 16px 2px 0; }
.rpwe-summary{ font-size: 11px; line-height: 16px; margin-bottom: 10px; }
.rpwe-time{ color: #9e3039 !important; font-size: 12px; line-height: 16px; color: #9e3039; text-transform: uppercase; }
.rpwe-comment{ color: #bbb; font-size: 11px; padding-left: 5px; }
.rpwe-alignleft{ display: inline; float: left; }
.rpwe-alignright{ display: inline; float: right; }
.rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; }
.rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; }
.rpwe-clearfix:after{ clear: both; }
.rpwe-clearfix{ zoom: 1; }
.rpwe-time, .rpwe-block a { font-weight: bold; }
.rpwe-block a:hover { color: #860F19; }
/* ---------- end Sidebar Customization --------- */

/* ---------- Homepage listing columns ---------- */
div.hp-col1 { width: 338px; float: left; margin-right: 26px; }
div.hp-col2 { width: 338px; float: left; margin-right: 25px; }
div.hp-col3 { width: 350px; float: left; }

.highlights article { min-height: 380px; }
/* --------- END Homepage listing columns -------- */

img.bar_logo { width: 240px !important; height: 21px !important; max-width: 240px !important; max-height: 21px !important; }
.menu_title { text-transform: uppercase; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif !important; letter-spacing: 1.5px; }

p { margin-bottom: 12px; }
h3 { margin-bottom: 6px; }
.small h3, .large h3 { margin-bottom: 0px; }

a.Btn, a.ViewAllBtn { font-family: 'amplitude' !important; }
a.ViewAllBtn { color: white; text-decoration: none; }
.ViewAllBtnContainer:hover { background-color: #1A242D; }
.ViewAllBtnContainer { text-align: center; background-color: #9E3039; text-decoration: none; padding: 6px; color: white; }

h1.main-heading, h2.main-heading { margin-bottom: 12px; font-weight: 600; }

div.logobackground { background-image: url('https://www.newmillcapital.com/wp-content/themes/smart-mag-child/images/new-mill-footer-logo.jpg'); background-repeat: no-repeat; background-position: left bottom; width: auto; margin-left: auto; margin-right: auto; overflow: hidden; }

hr, hr.separator { margin: 21px 0; }

.download-section a { text-decoration: underline; color: #860F19; margin-bottom: 4px; }
.download-section a:hover { color: red; }

ul#menu-top-bar-menu.menu { 
	list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff; }

#menu-top-bar-menu.menu li {
    float: left;
}

#menu-top-bar-menu.menu {
    float: right;
    width: auto;
}

#menu-top-bar-menu.menu li a {
	 font-family: 'amplitude';
	 font-size: 12px; 
	 line-height: 14px;
	 letter-spacing: 0.5px;
    display: inline-block;
    color: #ABABAB;
    text-align: right;
    padding: 0px 0 0 28px;
    text-decoration: none;
		text-transform: uppercase;
}

#menu-top-bar-menu.menu li a:hover { color: #9E3039; }

.sc-button-default:hover { background-color: #9e3039 !important; }
ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}
ol li { margin-bottom: 9px; }

.sc-tabs a { font-family: 'Roboto Slab'; font-size: 15px; padding: 5px 22px; }
.sc-tabs .active a { margin-top: -1px;  border-bottom-width: 2px; background-color: #cdcdcd; }
.sc-tabs-panes { border-right: none; } 
.post-share { border-top: none; padding: 0; }

.widgettitle { margin-bottom: 16px !important; line-height: 17px !important; padding-top: 8px !important; padding-bottom: 8px !important; }

.attachment-overlay-large { max-height: 160px; object-fit: cover; }

.details-section { /*border-top: 1px solid #a7a7a7; */padding: 0px 0; }
.details-section h3 { margin-bottom: 6px; }
.details-section p { margin-bottom: 12px; }
.details-section li { list-style:square; margin-left: 14px; margin-bottom: 6px; }
.post-cover .overlay h1 { font-size: 30px; line-height: 34px; max-width: 100%; }

/* --------------------------- Gallery --------------------- */
.gallerythumbs { width: 101%; }
.attachment-thumbnail { width: 139px; height: 139px; padding-right: 1.7px; background-color: white; }
.gallerythumbs a > img { display: none; }
/* set the number of thumbnails to display */
.gallerythumbs a:nth-child(1) > img, a:nth-child(2) > img, a:nth-child(3) > img, a:nth-child(4) > img, a:nth-child(4) > img, a:nth-child(5) > img /*, a:nth-child(6) > img, a:nth-child(7) > img, a:nth-child(8) > img, a:nth-child(9) > img, a:nth-child(10) > img*/ { display: inline; }

/* -------------------------- Goolge Map -------------------- */
.acf-map { width: 100%;	height: 200px; border: #ccc solid 1px; margin: 20px 0; }
.acf-map img { max-width: inherit !important; } /* fixes potential theme css conflict */

.posts-list .content time { color: #9E3039; font-size: 12px; }
.highlights .meta.above { color: #9E3039; font-size: 12px; font-weight: bold; }
.posts-list .content > a { margin-top: 0px; }
.highlights h2 { margin-top: 14px; margin-bottom: 0px; }
.highlights .excerpt { margin-top: 6px; margin-bottom: 14px; border: none; }
.posts-list .content > a { line-height: 14px; }

.social-icons-list-item   { margin: -40px 0 0 0 !important;  }
.social-icons-lists li.social-icons-list-item a.social-icon:hover .socicon { opacity: 1.0; background-color: #9E3039; }

.navigation .menu { background-color: #19232d; }
.navigation .menu li > a { padding: 19px 31px; line-height: 47px; background-color: #19232d; }
.navigation .menu li > a:hover { background-color: #404040; }
.navigation .menu { height: 47px; }
.main-head .adwrap-widget, .main-head .a-widget { /*width: 600px;*/ }
.main-featured .slider h3 a { font-size: 22px; line-height: 1.5; }

.logo-image { border: 0px solid black; margin-top: -10px; }
.logo-tagline { color: #9e3039; font-size: 13px; line-height: 12px; letter-spacing: 0; font-family: 'Open Sans', sans-serif, arial; margin-top: -6px; }
.main-featured { background-color: #efefef; border: none; margin: 0; padding: 24px 0 0 0 !important; }
.main.wrap.cf { margin-top: 20px; padding-top: 0; }

headerright { font-size: 14px; line-height: 18px; color: #9E3039; font-weight: bold; }
.navigation .menu > li > a { font-size: 17px; }
.main-head { border-top: 4px solid #9E3039; padding-top: 16px; }
.main-head .right { line-height: 10px !important; }
.header-newmill { min-height: 24px !important; height: 24px !important; }
.main-footer .widgettitle { border-bottom: 1px solid #898989; }
.main-footer { border-top: 4px solid #9E3039; }

.navigation {  text-transform: inherit;  }

div.blocks.col-4 > article.large .cat-title, .main-featured .cat { display:none; }
article.large > h3 > a.post-title, article.small > h3 > a.post-title { font-size: 16px; }

nav { display: table; table-layout: fixed; text-align: center; width: 648px; }
nav li > a {   display: table-cell; width: 213px; padding: 0 !important; margin: 0; text-align: center; }
 
.main-nav a { font-family: 'amplitude'; }
.navigation .menu > li li a { font-size: 15px; }
nav li > a, .navigation .menu ul li { min-width: 216px; width: 216px;  }
.navigation .menu li > a { line-height: 51px; height: 51px; }


/* ------------- RESPONSIVE DESIGN --------------- */

@media only screen and (min-width: 1129px) {

}

/* Tablets - Small Desktops - fluid wrapper */
@media only screen and (max-width: 1128px) {
}

/* Only target larger phones landscape */
@media (min-width: 550px) and (max-width: 767px) {

}

/* Smaller Phones - Some androids have upto 400px portrait - iPhone 6 plus has 414 */
@media only screen and (max-width: 415px) {
div.hp-col1 { width: 100%; float: left; margin-right: 0px; }
div.hp-col2 { width: 100%; float: left; margin-right: 0px;}
div.hp-col3 { width: 100%; float: left; }

.highlights article { min-height: inherit; }

.col-4, footer.main-footer { max-width: 100% !important; float: left; }
.col-4 { margin-right: 0; } 
.widgets.row.cf, .wrap { width: 100% !important; }

}
/* ------------- END RESPONSIVE DESIGN --------------- */