/* rmoody_main.css */ body {font-family:'Droid Sans', sans-serif; width:100%; } img {border:none;} a {color: #666666; } .content_inside ul li{margin-left:20px; } .drop_shadow { -webkit-box-shadow: 0px 3px 6px 0px rgba(153,153,153,1); -moz-box-shadow: 0px 3px 6px 0px rgba(153,153,153,1); box-shadow: 0px 3px 6px 0px rgba(153,153,153,1); } #main_header > section { margin:0; padding:0; } .header_logo {margin:0px; } span.header_logo {padding:0; margin:0; } .header_tagline {padding-top:80px; font-family:'Amiri', serif; font-size:0.9em; color:#001745; font-style: italic; margin-left:-4px; } .header_right { } #header_socials {height: 53px; } #header-nav { height:35px; top:20px; position:absolute; top:85px; left:250px;} .header_nav { padding-top:75px; } #header_socials {padding-left:100px; position:relative; } #header_socials img {float:left; padding-top:4px; } #header_socials .search {float:left; } #header_socials .search form{width:210px; } #header_socials .search input[type="text"] {font-size:10px; color:#ccc; padding:4px; border:1px solid #ccc; border-radius:3px; position:absolute; top:15px; width:150px} #header_socials .search input[type="image"] { position:relative;padding-top:4px; left:170px; } #socials_lower_inside {margin-left:-20px; } #socials_lower_inside img {float:left;} .content_1400{max-width:1400px; margin:0 auto;text-align:left; overflow:hidden; padding:0;} .content_1400 .section {margin:0 auto; padding:0;} .one-column .big_picture {margin:0 auto; padding:0; } /* Home Slideshow */ .content_big_picture {box-shadow:none; padding-bottom:0; margin-bottom:0; } .one-column_big_picture .theme-default .nivoSlider { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #homepage_slideshow {position:relative; } #homepage_slideshow .nivo-controlNav {position:absolute; left:0; bottom:0; z-index:10; } /* Home page four boxes */ #home_four_boxes { margin-top:-100px; } .home_four_boxes {background:white; font-size:13px; color#666666; line-height: 17px; } .home_four_boxes .four-column.first {margin:13px 0.85% 13px 1.5%;} .home_four_boxes .four-column.mid {margin:13px 0.85%;} .home_four_boxes .four-column.last {margin:13px 1.2% 13px 0.85%;} .home_four_boxes a {text-decoration:none;} .home_four_boxes a:hover {text-decoration:underline;} .home_four_boxes h2 {color:#85A5CC; font-size:16px; padding:12px 0 4px 0;} #home_four_boxes_mobile {width:100%; margin-top:-20px; } #home_four_boxes_mobile ul {list-style:none; } ul.mobile_nav li {border-bottom: 1px solid #999999; padding: 6px 0 6px 20px;} ul.mobile_nav li a {padding: 10px 0 10px 20px; text-decoration:none; color:#85A5CC; } #wrap_footer {background:#eeeeee;} #footer { padding:10px 0; line-height:30px; font-size: 12px; font-weight:bold; color:#001745; } #footer a { color:#001745} #footer a:hover { color:#666666} .footer_prompt { color:#85A5CC; } .footer_tagline {font-family: 'Amiri', serif; font-style:italics; font-weight:normal; margin-left: 6px; font-size:14px; } #footer_nav {font-size:11px; margin-top:19px; } #footer_nav ul li {list-style:none; width:150px; display: inline; } #footer_nav a { text-decoration: none; padding:4px 8px; } #footer_nav a:hover { text-decoration: underline;} #copyright {font-size:11px; color:#666666; padding-bottom:40px; } /* GALLERY PORTFOLIO */ .gallery_rmoody { } .gallery_rmoody .img a, .gallery .img a { border:none !important; } .gallery_rmoody .img a img, .gallery .img a { border:none !important; } .gallery_rmoody .titlename, .rmoody_gallery_title { width:100%; text-align:left; color:#85A5CC; font-weight:bold; font-size:14px; margin-top: 5px; } .lb-caption em {font-weight:normal; font-style: normal; } .lightbox .lb-image {border-radius:none; } .rmoody_property_gallery_title { color:#85A5CC; font-weight:bold; padding:5px 0; margin-left:5px; } .rmoody_property_gallery_comment { color:#666666; font-size:13px; line-height:20px; margin-left:5px; width:75%} .rmoody_portfolio_category {margin-left:-7px; } #below_header {clear:both; } h1.hd_portfolio {margin-bottom:30px; margin-top:20px; } #portfolio_nav {font-size:14px; margin:20px 0; text-transform:uppercase; font-weight:bold;} #portfolio_nav ul li { margin-left:0px; padding:10px; } @media screen and (min-width:700px){ #portfolio_nav ul li {list-style:none; display: inline; margin-left:-11px; } } #portfolio_nav a { text-decoration: none; padding: 4px 0px; color:#999999; margin:0 12px; } #portfolio_nav a:hover, #portfolio_nav a.menuactive { border-top:3px solid #85A5CC; color:#001745; } /* INSIDE PAGES */ .content_inside_wrapper {margin-top:25px; } .content_inside_fullwidth{margin-top:25px; } .left_text { color:#001745; font-family:'Amiri', serif; font-style:italic; font-size: 18px; line-height:26px; margin-top:20px; } .left_sig { color:#001745; text-transform:capitalize; font-weight:bold; font-size:14px; letter-spacing:0.3em; margin-top:10px; } .content_inside { color:#666666; font-size:14px; line-height:24px; } .content_inside_fullwidth{margin-top:25px; color:#666666; font-size:14px; line-height:24px; } .content_blue_bold {color:#001745; font-weight:bold; } #drivebrandstudio {font-size:10px; color:#999999; } /* Stylesheet: rmoody_main Modified On 2016-05-03 11:11:14 */ /* rmoody_nav.css */ /*dark blue*/ /*hover grey*/ /*orange*/ /* moody light blue */ /* Structure */ div#header-nav { width: 100%; margin: 0 auto;} div#menuwrapper {max-width:500px; margin: 0 auto; height:35px; line-height: 35px; text-transform:uppercase; font-size:0.8em; } /*** DEFAULT MAIN NAVIGATION FOR LARGER SCREENS ***/ @media screen and (min-width: 701px) { li#menu-search { display: none; } div#header-nav { /* height: 50px; */ } span#mobile-menu, #menu-down, #menu-up { display: none; } ul#primary-nav > ul li { display: inline-block; font-weight: normal; font-size:18px; } div#header-nav a { text-decoration: none; } div#menuwrapper > ul ul { margin-left: -20px; } ul#primary-nav { visibility: visible; position: relative; display: inline-block; margin: 0 auto; } ul#primary-nav li { list-style-type: none; } ul#primary-nav > li > ul li { text-transform:capitalize; color:#011547; opacity:1.0 !important; font-weight:bold; padding:0 20px; text-align:center;} ul#primary-nav > li > ul li:hover { background:#dddddd; } ul#primary-nav > li { float: left; } ul#primary-nav li ul { visibility:hidden; position:absolute; top: 0px; } ul#primary-nav li:hover { position:relative; } ul#primary-nav li.arrow { display:none; } ul#primary-nav > li:hover > ul { visibility: visible; z-index: 1000; top:0; margin-top:35px; background:white; opacity: 0.8; } ul#primary-nav > li.menuactive:hover > ul { visibility: visible; z-index: 1000; top:0; margin-top:32px; background:white; opacity: 0.8; } ul#primary-nav > li:hover > ul li { border-top:none;} ul#primary-nav > li:hover > ul > li:hover > ul { visibility: visible; z-index: 1000; left: 100%;} ul#primary-nav a, ul#primary-nav a:visited { display: inline-block; white-space: nowrap; margin: 0 10px 0 10px; font-weight: normal; color: #011547; text-decoration: none; } ul#primary-nav a:hover { } ul#primary-nav a.menuactive, ul#primary-nav a.menuactive:hover, ul#primary-nav a.menuactive:visited { color: #011547; text-decoration: none; font-weight: bold; } ul#primary-nav > li:hover {/*border-top:3px solid #85a7cd; height:32px; line-height:32px; background:white;*/ background:#dddddd; } ul#primary-nav > li.menuactive {border-top:3px solid #85a7cd; height:32px; line-height:32px; background:white; } ul#primary-nav > li.menuactive:hover {border-top:3px solid #85a7cd; height:32px; line-height:32px; background:white;} } /* Dropdown navigation for smaller than 700px */ @media screen and (max-width: 700px) { div#menuwrapper { cursor: pointer; line-height: 1.5em; } div#menu-control { height: 40px; } #menu-down, #menu-up { float: right; margin: 15px 3.6% 15px 0; } span#mobile-menu { float: left; margin: 15px 0 15px 3.6%; color: #011547; } div#header-nav { /* min-height: 50px;*/ } div#header-nav ul li { width: 100%; display: block; } div#header-nav ul { margin: 0 0 1em 0; } ul#primary-nav li { list-style-type: none; background:#85A6CF; border-bottom:1px solid #999999 } ul#primary-nav li.arrow { display: none; } ul#primary-nav li ul { display:none; margin: 0 0 0 10px; } ul#primary-nav a { display: inline-block; width: 96%; height: 100%; white-space: nowrap; padding: 0 2% 0px 2%; text-transform:uppercase; padding:10px;font-weight:bold; } ul#primary-nav a, ul#primary-nav a:visited { color:#fff; text-decoration: none; font-size:1.2em } ul#primary-nav a:hover { color: #dddddd; } ul#primary-nav a.menuactive, ul#primary-nav a.menuactive:hover, ul#primary-nav a.menuactive:visited { color: #011547; text-decoration: none; } } /* Classes for toggleMenu.js */ /* This is for the responsive drop down menu used for smaller screens */ .show-menu { position: relative; visibility: visible;} .hide-menu { position: absolute; visibility: hidden;} .show-menu-arrow { display: none;} .hide-menu-arrow { display: inline-block; color: #011547; } .mobile_nav_select {font-family: 'Raleway',verdana;} /* Stylesheet: rmoody_nav Modified On 2015-09-22 15:34:44 */ /* rmoody_responsive */ /* GRID 1200 v1.4 (by PMKMedia.nl/grid) */ /* reset */ html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;} img,fieldset{border:0;} /* set html5 elements to block */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;} /* apply a natural box layout model to all elements */ /* *,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} */ /* viewport css */ @-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;} /* body css */ body{margin:0; /*text-align:center;*/} .section,.clear-bottom{clear:both;padding:0;margin:0;} /* media css */ img{max-width:100%;height:auto;display:block;} .video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} .video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;} /* form css */ .form input[type=text]{width:50%;} .form textarea{width:100%;} /* general table css */ table{width:100%;table-layout:fixed;word-wrap:break-word;} /* split column css */ .split-column{float:left;width:100%;margin-bottom:20px;} /* content css */ .content{max-width:1020px; margin:0 auto;text-align:left; overflow:hidden;} .content_nav{max-width:980px; margin:0 auto;text-align:left;} .mobilemenu { background:#aaa; color:#000; } .one-column{float:left;width:98%;margin:10px 1%;} .two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;} .three-column{float:left;width:31.333333%;margin:10px 1%;} .two-third-column{float:left;width:64.666666%;margin:10px 1%;} .four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;} .three-fourth-column{float:left;width:73%;margin:10px 1%;} .six-column{float:left;width:14.666666%;margin:10px 1%;} .five-column{float:left;width:18.0%;margin:10px 1%;} .five-sixth-column{float:left;width:81.333333%;margin:10px 1%;} #header_socials_mobile {display:none;} /*.header_logo {margin: 0; padding:0; }*/ @media screen and (max-width: 700px) { .one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-column,.five-sixth-column{width:97%;margin:10px 1.5%;} .two-column,.four-column{width:47%;margin:10px 1.5%;} .split-column:last-child {margin-bottom:0;} #below_header {margin:0; padding:0; clear:both; margin-top:20px; width:100%; height:80px; background:pink; } } @media screen and (max-width: 600px) { .mobile_only {display:block; } .content{min-width:300px;} .one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-column,.five-sixth-column{width:96%;margin:10px 2%;} } /* RESPONSIVE STUFF specific to this website */ /* media queries specific to this website */ .largeDisplayOFF { display:none; } .smallDisplayOFF {display:none; } /* SMALL SCREENS : iphone vertical, actually any screen less than 600 pixels wide*/ @media screen and (max-width:699px){ span.header_tagline {width:96%; text-align:center; margin-top:0; margin-bottom:0; padding-top:0 } .header_logo {width:100%; text-align:center; background:#001645; margin-top:0; margin-bottom:0; } .header_logo img {margin:0 auto;} .header_right { margin-top:0; margin-bottom:0;} #above_slideshow {clear:both;} #home_four_boxes {display:none; } #header_socials {display:none; } #header_socials_mobile {display:block; } /*#main_nav.larger_screen {display:none;}/* /*#main_nav.smaller_screen {display:block;}*/ #header-nav2 {clear:Both; border:none;} div#menuwrapper { border:none; min-height:30px; line-height:30px; } span#mobile-menu { margin: 5px 0 5px 3.6%; text-transform:Capitalize; font-size:1.5em; font-weigth:bold; margin-left:10px; } #socials_lower {margin-top:-20px; margin-left:20px; } #footer p {line-height:16px; } #footer em.footer_tagline { display: block; margin-left:0; } /*#footer .footer_prompt.email { display: block; margin-left:0; }*/ .largeDisplayOFF { display:inline; } .inside_pagetop_pic_fix {display:none; } #below_header {display:none; } #portfolio_nav ul li { display: block;margin-left:10px; } } /* LARGE displays */ @media screen and (min-width:1024px){ #wrap_outer1 {max-width:100%; height:120px; background:white url(http://rmoodyconstruction.com/uploads/images/layout/header_bg.gif) repeat-x; } #wrap_inner {max-width:1020px; margin:0 auto; padding:0; position:relative; } #main_nav { position:absolute; top:85px; left:542px; } #home_four_boxes_mobile {display:none; } } /* IN BETWEEN displays */ @media screen and (min-width:700px) and (max-width:1023px){ #main_header { /*background:red;*/} #header_socials_mobile {display:none; } #wrap_outer1 {max-width:100%; height:160px; background:white; } .header_logo {width:32%; background:#001645; } .header_logo img {margin:0 auto;} span.header_tagline { width:25%; text-align:left; margin-left:10px; padding-top:64px; line-height:17px; /*background:pink;*/} .header_right { width:32%; padding-top:0; position:relative; /*background:yellow;*/} #header_socials { padding-left:0px !important; /*padding-top:10px; */ position:absolute; top:10; left:0; /*background:green;*/ } #header_socials img {/*float:left;*/ padding-top:0px; } #header_socials .cgb_socials {float:left; } #header_socials .search {display:none; } #home_four_boxes_mobile {display:none; } #wrap_inner {max-width:1020px; margin:0 auto; padding:0; position:relative; } #main_nav { clear:both; margin-left:0; float:left; max-width:700px; /*position:absolute; top:105px; left:0px;*/ } #main_nav a { padding:1px 18px; /*font-size:30px; */ } div#menuwrapper {max-width:800px !important; } ul#primary-nav a { } ul#primary-nav > li:hover > ul { margin-top:47px;} .two-column.footer {width:75%; } } /* Stylesheet: rmoody_responsive Modified On 2015-09-22 16:33:26 */