/* Theme Name: GWD Classic Theme URI: http://www.golfwebdesign.com Description: THEME 1 :: A great new theme with media queries, and other fun stuff. Author: Golf Web Design Author URI: http://www.golfwebdesign.com Version: 0.2 Framework: Tiger Balm Framework 0.2 */ /* ~ Reset! ~ */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1.6;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration: line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}a img{border: 0;} /* ~ Forms and Junk ~ */ /* IE */ textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } button {width: auto; overflow: visible;} /* align checkboxes, radios, text inputs with their label */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } ::-webkit-input-placeholder { color:#f4f4f4; } /* ---------------------------------------------------------------------------------------------------- 00 - Basic TinyMCE Styles ---------------------------------------------------------------------------------------------------- */ .entry-content img{margin:0 0 1.5em 0} .alignleft{margin-right:10px !important; display:inline; float:left} .alignright{margin-left:10px !important; display:inline; float:right} .aligncenter{margin-right:auto; margin-left:auto; display:block; clear:both} .wp-caption{margin-bottom:1.5em; text-align:center; padding-top:5px} .wp-caption img{border:0 none; padding:0; margin:0} .wp-caption p.wp-caption-text{line-height:1.5; font-size:10px; margin:0} .wp-smiley{margin:0 !important; max-height:1em} blockquote.left{margin-right:20px; text-align:right; margin-left:0; width:33%; float:left} blockquote.right{margin-left:20px; text-align:left; margin-right:0; width:33%; float:right} .sticky{} .gallery-caption{} /* ---------------------------------------------------------------------------------------------------- Default Desktop Layout: 980px. ---------------------------------------------------------------------------------------------------- */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 1em; line-height: 1.4; text-rendering: optimizeLegibility; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; color: #3c3c3c; } .body_width{width:980px; padding:0; background:transparent; margin:0 auto} p { margin-bottom: 1em; } .hellobar { width: 100%; padding: 10px; background-color: #333; color: #fff; font-weight: lighter; text-align: right; font-size: 13px; } .hellobar a { color: #fff; } #logo_and_menu{ overflow:visible; padding:0px 0px 30px; background:rgb(73,96,109); min-height:60px; } .big_header { padding-bottom: 0px !important; } .custom_header { } body.home #logo_and_menu{ min-height:75px; } #inner_logo_and_menu{ position:relative; } #inner_logo_and_menu #logo{ width:280px; float: left; } #inner_logo_and_menu #logo a { font-family: "Merriweather", "Georgia", "Times New Roman", "Palatino", "Hoefler Text", "Baskerville", serif; color: #e6e6e6; font-size: 26px; } div.pga_logo a { background: url(images/pgalogo.png) no-repeat left top; padding: 55px 0 0 70px; display: block; } div.lpga_logo a { background: url("images/lpgalogo.png") no-repeat scroll 10px 5px #FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 10px 10px 10px; color: #444444 !important; display: block; padding: 45px 0 25px 55px; } div.pga_certified_logo a { background: url(images/pgacertifiedlogo.png) no-repeat left top;padding: 55px 0 0 70px; display: block;} div.pga_master_logo a { background: url(images/pgamasterlogo.png) no-repeat left top; padding: 55px 0 0 70px; display: block;} #inner_logo_and_menu #logo img{max-width:100%} .big_header #inner_logo_and_menu #logo { width: 100%; float: none; } .big_header #inner_logo_and_menu #logo img { display: block; margin: 10px auto 0; } #inner_logo_and_menu nav {width:auto; float:right; font-family:'Lato',"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Tahoma,sans-serif; margin-top:2%; } #inner_logo_and_menu nav > ul{float:right; padding:7px; background:white; background:rgba(255,255,255,0.4); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .no-rgba #inner_logo_and_menu nav > ul { background-color:#4D4D4D; } #inner_logo_and_menu nav ul li{float:left; position:relative} #inner_logo_and_menu nav ul li ul, #inner_logo_and_menu nav ul li ul li, #inner_logo_and_menu nav ul li ul li ul, #inner_logo_and_menu nav ul li ul li ul li, ul.sub-menu li{z-index:300; zoom:1} #inner_logo_and_menu nav ul li ul li ul { left: 0; } #inner_logo_and_menu nav ul li a, ul.sub-menu li a{min-width:1px; padding:8px 8px; z-index:350} ul.sub-menu li a { padding: 12px 8px; } #inner_logo_and_menu nav ul li:last-child a{margin-right:0} #breadcrumbs_search_container{padding:24px 0; line-height:38px; background-color:rgb(238,242,245); background-image:url(images/below-slider-bg.png)} #breadcrumb_search_inner{overflow:hidden} #breadcrumbs_search_container #breadcrumbs, #title_not_breadcrumb{width:68.539325843%; float:left; margin-right:2.247191011%} #breadcrumbs_search_container #top_search{width:29.213483146%; float:left} #breadcrumbs_search_container #searchform{position:relative} .sf-with-ul{padding-right:30px !important} .lpga_logo a { } select.mobinav { padding: 3px 0px;} /* ===== Big Centered Menu ===== */ .centermenu { background-color: #444; padding: 10px 0px; } .centermenu ul { float: none; text-align: center; } .centermenu ul li { float: none; display: inline-block; } .centermenu ul li a { padding: 10px 15px; text-align: left; } .ie7 .centermenu ul li { float: left; display: block; } .centermenu .sf-sub-indicator { display: none !important; } .centermenu .sub-menu li:last-of-type a, .centermenu .sf-shadow ul { border-radius: 0px 0px 7px 7px !important; } .centermenu .sf-menu ul { width:auto; } /* ---------------------------------------------- Home Page Slider ---------------------------------------------- */ #home_page_slider { overflow: hidden; background: rgb(116,136,152); background: -webkit-gradient(linear, left top, left bottom, from(rgb(73,96,109)), to(rgb(145,159,167))); background: -moz-linear-gradient(top, rgb(73,96,109), rgb(145,159,167)); background: -o-linear-gradient(top, rgb(73,96,109), rgb(145,159,167)); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49606d', endColorstr='#919fa7');*/ border-bottom: 1px solid rgb(145,173,188); } .slider_gradient { background: url("images/slider-shadow.png") no-repeat center 328px; overflow: hidden; } .has_video .slider_gradient { background: none; } #FriendlySlider-images { position: absolute; left: 0; top: 0; width: 100%; height: auto; height: 360px; overflow: hidden; } #FriendlySlider-images a{color: transparent;} #FriendlySlider-images img{top: 0;left: 0;border: none 0;} #FriendlySlider-container a{ text-decoration: none; outline: none; border: none; } #FriendlySlider-container{ zoom: 1; position: relative; width: 100%; height: 360px;margin: 0 0 40px;z-index: 100;} * html #FriendlySlider-container{background-image: none;} /* == Slider Option with Video == */ .slider-video { float: left; width: 640px; } .slider-sidebar { float: left; padding: 20px; width: 300px; } .slider-video-center { width:640px; margin: 0px auto; } /* ------------------------------------------- Home Page Text Widgets Below Slider ------------------------------------------- */ #home_page_below_slider{border-top:1px solid white; background:rgb(238,242,245) url(images/below-slider-bg.png); border-bottom:1px solid rgb(232,238,241); padding:30px 0} #below_slider_inner{overflow:hidden} #below_slider_inner .row_1_text_widget {width:100%; float:left; } #below_slider_inner .row_2_text_widget {width:47.2%; float:left; margin-right:5%; margin-bottom: 10px; } #below_slider_inner .row_3_text_widget {width: 29.75%; float:left; margin-right: 4.868913858%; margin-bottom:10px; } #below_slider_inner .row_2_text_widget.last, #below_slider_inner .row_3_text_widget.last { margin-right:0px; margin-bottom: 0px; } #below_slider_inner.home_page_row_one_4_widgets >div{width:21.348314607%; float:left; margin-right:4.868913858%} #below_slider_inner.home_page_row_one_4_widgets >div:nth-of-type(4){margin-right:0; position:relative; left:-5px} #below_slider_inner .row_2_text_widget:nth-of-type(3), #below_slider_inner.home_page_row_one_3_widgets .widget_text:nth-of-type(3){margin-right:0} #below_slider_inner .row_2_text_widget img.icon, .widget_text img.icon{float:right} img.feature{padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:white; opacity:0.8; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; border:1px solid #efefef; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset; box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset} img.feature:hover{opacity:1; -webkit-box-shadow:2px 3px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset; -moz-box-shadow:2px 3px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset; box-shadow:2px 3px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset} p.no-bot{margin-bottom:0 !important} #home_cta{padding:30px 0 0} #home_cta .widget{ background-color:#1a1a1a; border-radius:4px; overflow:hidden; position:relative; padding: 10px 5px; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; justify-content: center; } body.page-template-templateportfoliohomepage-php #home_cta{margin-bottom:30px} #home_extra { background: none repeat scroll 0 0 white; border-bottom: 1px solid #B5C8D2; padding: 36px 0;} /* ------------------------- Main Footer Styles ------------------------- */ #main_footer{border-top:1px solid white; width:100%; margin-top:20px; } #footer_three_widget_container{background-color:rgb(238,242,245); border-bottom:1px solid rgb(170,191,203); background-image:url(images/below-slider-bg.png); width:100%} #footer_top_row_inner{position:relative} #footer_top_row_inner .footer_widget, #footer_top_row_inner .widget{width:285px; float:left; margin-right:60px; padding:21px 0px; } #footer_bottom_row_inner .footer_widget, #footer_bottom_row_inner .widget { width:40%; float:left; margin-right:6.179775281%; padding:2.247191011% 0 } #footer_bottom_row_inner .last { margin-right: 0px; float: right; } #footer_bottom_widget_area { min-height: 40px; } #footer_social_icons li{float:left; margin-right:4.5%} #footer_social_icons li a img{opacity:0.7; filter:alpha(opacity = 70); zoom:1; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear} #footer_social_icons li a img:hover{opacity:1; filter:alpha(opacity = 100); zoom:1} #footer_social_icons li:last-child{margin-right:0} #footer_top_row_inner .widget:nth-child(3) {margin-right:0} #footer_subscribe_form, .widget_mailchimpsf_widget form{position:relative} #footer_divider{position:absolute; bottom:-17px; left:47.3%} #footer_bottom_widget_area{border-top:1px solid white; background-color:#49606D; width:100%} #footer_bottom_row_inner .footer_widget{padding:15px 0 0} p.copyright { text-align: right; } p.copyright a { color: #fff; } /* --------------------------------- 01:g - Main content (inner pages) --------------------------------- */ #main_content{padding:24px 0; overflow:hidden; clear:both} #wordpress_content{width:670px; margin-right:25px; float:left; overflow:hidden} #main_sidebar{width:283px; float:left} .sidebar-left #wordpress_content{float:right; margin-left:7.865168539%; margin-right:0} .sidebar-left aside#main_sidebar{} .page-no-sidebar #wordpress_content { width: 100%; margin-right: 0; } /* -------------------------- 01:h - Holding Page Styles -------------------------- */ #holding_page header { overflow: visible; padding: 20px 0; background: rgb(116,136,152); background: url(images/bg-glow.png) no-repeat center -30px, -webkit-gradient(linear, left top, left bottom, from(rgb(116,136,152)), to(rgb(134,151,166))); background: url(images/bg-glow.png) no-repeat center -30px, -moz-linear-gradient(top, rgb(116,136,152), rgb(134,151,166)); background: url(images/bg-glow.png) no-repeat center -30px, -o-linear-gradient(top, rgb(116,136,152), rgb(134,151,166)); min-height: 40px; border-bottom: 1px solid rgb(197,208,216); } #holding_page #holding_logo { background: rgb(220,229,234); padding: 24px 0; border-bottom: 1px solid rgb(149,176,190); text-align: center; line-height: 0; } #holding_page #holding_main { background: rgb(220,229,234); border-top: 1px solid rgb(241,245,247); border-bottom: 1px solid rgb(217,226,231); } #holding_main #holding_main_inner{padding:36px 0 48px} #holding_page #holding_slider_countdown_container{overflow:hidden; margin-top:48px} #holding_slider_countdown_container #holding_slider{width:336px; margin:24px 0 0 48px; float:left} #holding_page #holding_slider .portfolio_slider{width:267px; height:260px} #holding_page #holding_slider .portfolio_slider ul{height:260px} #holding_page #holding_slider .portfolio_slider li{width:267px; height:260px} #holding_page #holding_slider #controls{margin:96px 0 0 36px} #holding_slider_countdown_container #holding_countdown_plus_widget_area{width:630px; margin-right:54px; float:left; text-align:right} #holding_slider_countdown_container #holding_countdown_plus_widget_area br{display:none; visibility:hidden} #holding_widget_area{width:308px; position:relative; float:right; margin-top:80px} #holding_widget_area label{display:none; visibility:hidden} #holding_page #holding_twitter{padding:48px 0} #holding_twitter ul#twitter_update_list{overflow:hidden} #holding_twitter ul#twitter_update_list li{float:left; width:228px; margin-right:52px} #holding_twitter ul#twitter_update_list li:last-child{margin-right:0} /* ---------------------- Shortcode Styles ---------------------- */ .gmap { margin-bottom: 1.3em; padding: 0.5em; background-color: #f4f4f4; border: 1px solid #eaeaea; } .gmap img { max-width: none; } /* Map with Directions Shortcode */ .routeplanner-wrapper { padding: 10px; background: rgb(220,229,234); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; } .routeplanner-to { width: 75%; border: 1px solid #CCC; background-color: rgb(170, 182, 193); padding: 8px 6px; border: 1px solid rgb(170, 182, 193); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: white; font-family: "Droid Serif", "Georgia", "Times New Roman", "Palatino", "Hoefler Text", "Baskerville", serif; font-style: italic; } .routeplanner-direction-form{font-size:11px} .routeplanner-geolocation{display:none !important; visibility:hidden} .routeplanner-print, .adp-placemark{display:none} .map-large{width:99%; height:500px} .map-small{width:99%; height:200px} .adp-legal{display:none; visibility:hidden} .adp-substep{padding:9px 7px; line-height:1.5; border-top:none} table.adp-directions tr:nth-of-type(even){background:rgb(220,229,234)} .adp-summary { padding: 6px; text-align: center; background: rgb(116,136,152); margin-top: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: white; text-transform: uppercase; } .sidebar .routeplanner-to { margin-bottom: 10px; } .sidebar .routeplanner-direction-form { padding-top: 10px; } /* Live Search */ body.chrome #s:focus{outline:none} ul.search_results{display:block; background-color:#fff; width:308px; max-height:500px; position:absolute; top:20px; left:0; overflow:visible; z-index:9999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; border:1px solid rgb(116,136,152); margin-top:10px} ul.search_results li{display:block; padding:10px; border-bottom:1px solid #aaa; text-align:left; color:#000; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; line-height:1.6} ul.search_results li:hover{background-color:rgb(240,240,240); cursor:pointer} ul.search_results li:nth-of-type(1){-moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0} ul.search_results li a, ul.search_results li a:visited{display:block; text-decoration:none; font-family:"Droid Serif","Georgia","Times New Roman","Palatino","Hoefler Text","Baskerville",serif; font-style:italic; color:rgb(116,136,152); font-size:13px} ul.search_results p#daves-wordpress-live-search_author{margin:0; font-size:90%; font-weight:bold} ul.search_results p#daves-wordpress-live-search_date{margin:0; font-size:90%} ul.search_results li.post_with_thumb a{width:225px; float:left; margin-bottom:5px} ul.search_results li.post_with_thumb img.post_thumb{float:left; margin:3px 10px 10px 0; height:48px; width:48px; border:2px solid white} ul.search_results .excerpt, ul.search_results .meta{font-size:75%; width:100%} .search_footer{background-color:rgb(116,136,152); width:100%; text-align:right; padding:.5em 0; font-size:.9em; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px} .search_footer a, .search_footer a:visited{color:#fff; margin-right:1em; font-family:"Droid Serif","Georgia","Times New Roman","Palatino","Hoefler Text","Baskerville",serif; font-style:italic} #search_results_activity_indicator{display:none} /* --------------------- Blog Home Page --------------------- */ #latest_post_on_blog_home_page{margin:24px auto 0; padding-bottom:24px} #latest_post_on_blog_home_page #latest_post_image{margin-bottom:18px} #latest_post_on_blog_home_page #image_and_post_info_container{position:relative; min-height:310px} #latest_post_on_blog_home_page #image_and_post_info_container #featured_image{position:absolute; top:0; left:0} #latest_post_on_blog_home_page #latest_post_image #featured_image img{padding:4px; border:1px solid rgb(170,182,193); height: 300px;} #latest_post_on_blog_home_page #image_and_post_info_container #post_info{position:absolute; top:5px; right:5px; bottom:5px; padding:15px 25px; background:black; background:rgba(0,0,0,0.75); opacity:0; filter:alpha(opacity = 0); zoom:1; visibility:hidden; color:white; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; max-width:20%} #latest_post_on_blog_home_page #image_and_post_info_container:hover #post_info{opacity:1; filter:alpha(opacity = 100); zoom:1; visibility:visible} #latest_post_on_blog_home_page #image_and_post_info_container #post_info .latest_post_overlay_gallery{padding:3px; border:1px solid white; margin:0 10px 10px 0} .blog_home{width:1068px} .blog_home #wordpress_content{margin-right:0; width:100%} .blog_home #wordpress_content article{overflow:hidden; width:21.348314607%; height:300px; margin:0 4.868913858% 4.868913858% 0; float:left} .blog_home #wordpress_content article:nth-of-type(4), .blog_home #wordpress_content article:nth-of-type(8), .blog_home #wordpress_content article:nth-of-type(12), .blog_home #wordpress_content article:nth-of-type(16), .blog_home #wordpress_content article:nth-of-type(20){margin-right:0} .blog_home_thumb{width:auto; padding:4px; border:1px solid rgb(170,182,193); line-height:0} .blog_home_content .excerpt{} .pagination{clear:both; padding:20px 0} /* ---------------------- Sidebar Widgets ---------------------- */ aside .widget { padding: 15px 5px; margin-bottom: 20px; clear: both; } aside .widget p { margin-bottom: 15px; } /* ---------------------------- Standard Image Styles ---------------------------- */ .portfolio-third, img.size-medium, img.size-full, img.size-large, img.size-thumbnail{ margin-top:10px; margin-bottom: 10px;} img.size-medium:hover, img.size-full:hover, img.size-large:hover, img.size-thumbnail:hover{ } img.noborder{border:1px solid; border-color:transparent transparent transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} /* --------------- Comments --------------- */ #comments{width:100%} #comments_and_pingbacks_container{overflow:hidden; margin-top:40px; padding-top:30px} #main_content #wordpress_content #comments ul, #main_content #wordpress_content #comments ol{list-style-type:none; padding:0} #main_content #wordpress_content #comments ul li, #main_content #wordpress_content #comments ol li{margin:6px 0 24px} .commentlist li >div{overflow:hidden} .commentlist li .comment-author, .commentlist li ul li .comment-author{width:136px; padding-right:30px; float:left; border-top:5px solid rgb(240,240,240); padding-top:32px; line-height:1.6; min-height:170px} .commentlist li .comment_text, .commentlist li ul li .comment_text{width:405px; padding-left:30px; border-top:1px solid rgb(240,240,240); padding-top:24px; float:left} li.bypostauthor .comment-author, .commentlist li ul li.bypostauthor .comment-author{border-top:5px solid rgb(170,182,193)} li.bypostauthor .comment_text, .commentlist li ul li.bypostauthor .comment_text{border-top:1px solid rgb rgb(170,182,193)} .comment-author .reply{margin-top:10px} .comment_under_moderation{padding:10px; margin:24px 0; background:rgb(220,229,234); border:1px solid rgb(134,151,166)} #comments ol li ul.children{margin-left:216px} #comments ol li ul.children li .comment-author{padding-right:15px} #comments ol li ul.children li .comment_text{width:270px; padding-left:15px} #comments ol li ul.children a.comment-reply-link{display:none; visibility:hidden} #respond{margin-top:48px} /* ------------------------------ Single Blog Post Styles ------------------------------ */ #after_content_widget_area > div { padding: 24px; background: rgb(250,250,250); border: 1px solid rgb(230,230,230);margin-top: 24px;} .inner_wp_content{overflow:hidden; clear:both} #after_content_widget_area{margin-top:30px} #main_content #wordpress_content #after_content_widget_area .friendly-related-posts li{overflow:hidden; margin-top:24px} #after_content_widget_area .friendly-related-posts .related_post_image{float:left; margin-right:24px} #after_content_widget_area .friendly-related-posts .related_post_image img{padding:3px; border:1px solid rgb(220,229,234); -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear} #wordpress_content #nav-single{overflow:hidden; margin:24px 0} p.post_meta span.post_date{background:transparent url(images/post-time-icon.png) no-repeat 0px 0px; padding-left:22px; padding-right:22px} p.post_meta span.cat_list{background:transparent url(images/post-cat-icon.png) no-repeat 0px 0px; padding-left:22px; padding-right:22px} p.post_meta span.tag_list{background:transparent url(images/post-tag-icon.png) no-repeat 0px 0px; padding-left:22px} /* -------------------------- Author Archive Page -------------------------- */ #author-info{overflow:hidden; padding:24px; background:rgb(250,250,250); border:1px solid rgb(230,230,230); line-height:1.5; margin-bottom:24px} #author-info #author-avatar{float:left; margin-right:24px} #author-info #author-avatar img{padding:3px; border:1px solid rgb(220,229,234); -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear} #wordpress_content .author_archive_post, #wordpress_content .archive_post{padding-bottom:20px; margin-bottom:25px; border-bottom:1px dotted rgb(200,200,200); overflow: hidden; } #wordpress_content .archive_post a img.post-thumb { float: left; margin: 8px 20px 40px 0px; border: 1px solid #bbb; width: 100px; } /* ------------------------------------- Image Galleries and image.php ------------------------------------- */ #main_content #wordpress_content .gallery{padding:2%; background:rgb(250,250,250); overflow:hidden; clear:both} #main_content #wordpress_content .gallery .gallery-item{ margin:0px 0px 30px 0px; overflow:hidden} #main_content #wordpress_content .gallery .gallery-item .gallery-icon, #main_content #wordpress_content .gallery .gallery-item .gallery-icon a{overflow:hidden} #main_content #wordpress_content .gallery .gallery-item .gallery-icon a img{padding:3px; border:1px solid rgb(220,229,234); height:auto; background:white; opacity:0.75; filter:alpha(opacity = 75); zoom:1; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear} #main_content #wordpress_content .gallery .gallery-item .gallery-icon a img:hover{opacity:1; filter:alpha(opacity = 100); zoom:1; border:1px solid rgb(140,140,140)} #main_content #wordpress_content .gallery p{display:none; visibility:hidden} .entry-meta, .entry-attachment .attachment a img{margin-bottom:24px; padding:24px; background:rgb(250,250,250); border:1px solid rgb(230,230,230)} article.attachment .entry-content{margin-bottom:24px} .entry-attachment .attachment a img{margin:0} article.attachment nav#nav-single{overflow:hidden; margin-bottom:24px; padding:24px; background:rgb(250,250,250); border:1px solid rgb(230,230,230)} article.attachment nav#nav-single span.nav-previous{width:45%; float:left} article.attachment nav#nav-single span.nav-next{width:45%; float:right; text-align:right} /* ----------------- 01:u - Lightboxes ----------------- */ a.top_up { display: inline-block; } /* -------------------------- Fluid Images/Videos -------------------------- */ .body_width img, .body_width video { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } /* --------------------- Search Results --------------------- */ #search_results_container{margin:30px 0} #search_results_container .search_result{margin:20px 0; padding:20px 0 20px; border-bottom:1px solid rgb(220,220,220); overflow:hidden} #search_results_container .search_result img{float:left; padding:3px; margin:0 20px 40px 0} #search_results_container .search_result p.read_more{margin-top:25px; text-align:right} .search_result img{border:1px solid #969696; padding:4px} /* ---------------------------------------------------------------------------------------------------- Tables ---------------------------------------------------------------------------------------------------- */ table, caption, thead, tfoot, tbody, th, td { margin: 0; padding: 0; } table {border-collapse: separate;border-width: 0 1px 1px 0;border-spacing: 4px;margin: 20px 0px;min-width: 400px;padding: 0px;} table, caption {text-align: left;} td { border-width: 5px; padding: 5px 0px; } /* Tables ====================================================== */ table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;} .table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px; vertical-align:top;border-top:1px solid #dddddd;} .table th{font-weight:bold;} .table thead th{vertical-align:bottom;} .table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;} .table tbody+tbody{border-top:2px solid #dddddd;} .table .table{background-color:#ffffff;} .table-condensed th,.table-condensed td{padding:4px 5px;} .table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;} .table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;} .table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;} .table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;} .table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;} .table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;} .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;} .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;} .table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;} .table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;} .table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;} .table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#f5f5f5;} table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;} /* ---------------------------------------------------------------------------------------------------- Calendar ---------------------------------------------------------------------------------------------------- */ .prev-month { float: left;margin-right: 30px; } #tribe-events-events-picker { display: block;float: left; height: 50px; width: 200px;} .next-month { float: left; } iframe { margin-bottom: 20px; } .tinynav { display: none } /* ---------------------------------------------------------------------------------------------------- Tablet Layout - Portrait ---------------------------------------------------------------------------------------------------- */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .body_width{width:768px} body.home #logo_and_menu{min-height:55px} li.current-menu-item a.sf-with-ul span.sf-sub-indicator, a > .sf-sub-indicator { top: 0.45em; } #home_page_slider{background:rgb(116,136,152); background:url("images/slider-shadow-2.png") no-repeat center 226px,-webkit-gradient(linear,left top,left bottom,from(rgb(73,96,109)),to(rgb(145,159,167))); background:url("images/slider-shadow-2.png") no-repeat center 226px,-moz-linear-gradient(top, rgb(73,96,109),rgb(145,159,167)); background:url("images/slider-shadow-2.png") no-repeat center 226px,-o-linear-gradient(top, rgb(73,96,109),rgb(145,159,167))} #FriendlySlider-images, #FriendlySlider-container{height:245px} #controls{margin:50px 0 0 10px} #below_slider_inner .row_2_text_widget { width: 45%; margin-right: 5%;} #below_slider_inner .row_3_text_widget { width:220px; margin-right:30px;} #portfolio_project_info{width:31.9781%; margin-left:4.4153%} #latest_post_on_blog_home_page #image_and_post_info_container{min-height:230px} #latest_post_on_blog_home_page #image_and_post_info_container #post_info{display:none} #main_content #wordpress_content ul.portfolio_cat_list li{margin:0 10px 10px 0} ul.search_results{width:210px !important; float:right; right:60px !important} ul.search_results .excerpt{display:none} ul.search_results li a, ul.search_results li a:visited{float:left} ul.search_results li.post_with_thumb a{width:145px; float:left; margin-bottom:5px} ul.search_results li.post_with_thumb img.post_thumb{height:28px; width:28px; margin-bottom:6px} #FriendlySlider-container .fs_bullets{right:44%} #inner_logo_and_menu nav > ul { padding: 6px; } #logo_and_menu nav ul li a { padding: 4px; font-size: 12px;} #footer_top_row_inner .widget { width: 31%; margin-right: 2%;} } /*---------------------------------------------------------------------------------------------------- Mobile Layout - Portrait ----------------------------------------------------------------------------------------------------*/ /*Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .tinynav { display: block; width: 100%; background: #fff; padding: 7px; } #friendly_main_menu { display: none } .body_width{ width: 92%; } #logo_and_menu{ min-height:45px} #inner_logo_and_menu #logo { float: none; margin: 0 auto; } #inner_logo_and_menu #logo img { padding: 10px 0; display: block; margin: 0 auto; } #inner_logo_and_menu nav { width: 100%; position: relative; top: inherit; margin-top: 20px; } #inner_logo_and_menu nav ul li { float: none; width: 100%; display: block; } #inner_logo_and_menu nav > ul { float: none; } .sf-menu ul { position: relative; top: inherit; width: 100%; } .sf-menu li.sfHover ul { top: inherit; } #main_menu{float:none; position:absolute; top:15px; right:0} .centermenu #main_menu { position: relative; top:0; } #breadcrumbs_search_container #breadcrumbs, #title_not_breadcrumb, #breadcrumbs_search_container #top_search{margin-right:0; width:100%} #below_slider_inner .row_3_text_widget { width:100%; margin-right: 0px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #below_slider_inner img{max-width:95%; padding:2%; margin: 0px auto; display: block;} #home_main_title { display: none !important; } #portfolio_slider_total_container, #widget_and_portfolio_slider_container div.friendly_portfolio_slider{margin-top:0} #home_page_slider{background:url("images/slider-shadow-4.png") no-repeat center 98px,-webkit-gradient(linear,left top,left bottom,from(rgb(73,96,109)),to(rgb(145,159,167))); background:url("images/slider-shadow-4.png") no-repeat center 98px,-moz-linear-gradient(top, rgb(73,96,109),rgb(145,159,167)); background:url("images/slider-shadow-4.png") no-repeat center 98px,-o-linear-gradient(top, rgb(73,96,109),rgb(145,159,167))} #FriendlySlider-images, #FriendlySlider-container{height:106px} #main_content #wordpress_content #FriendlySlider-images, #main_content #wordpress_content #FriendlySlider-container{width:100% !important} #FriendlySlider-container a.fs_next, #FriendlySlider-container a.fs_prev{top:34% !important} #main_content #wordpress_content .accordion{width:100% !important} #main_content #wordpress_content .accordion ol li >div{width: 100% !important} #below_slider_inner .row_2_text_widget{width:100%; margin-right:0} #four_wide_widget_container .row_3_text_widget{width:45%; margin-right:5%} #four_wide_widget_container .row_3_text_widget:nth-of-type(1), #four_wide_widget_container .row_3_text_widget:nth-of-type(2){margin-bottom:24px} #four_wide_widget_container .row_3_text_widget:nth-of-type(2), #four_wide_widget_container .row_3_text_widget:nth-of-type(4){margin-right:0} #home_double_width_widget, #home_page_portfolio_slider{width:100%; margin-right:0; margin-bottom:24px} #home_page_double_width_widget_and_portfolio_slider .friendly_portfolio_slider, #portfolio_slider_total_container, #widget_and_portfolio_slider_container div.friendly_portfolio_slider{height:auto !important} .portfolio_slider{height:141px !important; width:141px !important} #portfolio_slider_mask{height:141px; width:141px} #controls{width:100%; margin:10px 0 30px 40px} #controls li{width:20px !important; float:left} #portfolio_project_info{width:100%} p.portfolio_slider_project_more_button{margin-right:10px} #portfolio_project_info{display:block; visibility:visible; width:100%; margin-left:3.490637%} #main_content #wordpress_content #featured_portfolio_item{width:97%} #main_content #wordpress_content .portfolio_content .project{width:100%; margin-right:0; margin-bottom:36px} #main_content #wordpress_content .portfolio_content .project img{width:97%} .portfolio_content img.magnify{display:none} #footer_top_row_inner .footer_widget, #footer_top_row_inner .widget{ float: none; margin: 0px auto 20px auto; width:100%; overflow: hidden; } #footer_bottom_row_inner .footer_widget{margin-right:0; width:100%; padding:5% 0} #footer_social_icons li{width:22%; margin-right:4%; margin-bottom:0} #footer_social_icons li:nth-of-type(2){margin-right:4%} #footer_bottom_widget_area{padding-top:10px} #footer_bottom_row_inner p { text-align: center; } #wordpress_content{width:100%; margin-right:0; float:none; overflow:hidden} #main_sidebar{width:100%; float:none; margin-top:48px; padding-top:48px; border-top:1px solid rgb(220,220,220)} #main_sidebar #sidebar-customsidebar{overflow:hidden} #main_sidebar div.widget{width:100%; margin-bottom:48px; float:none; padding:0} #FriendlySlider-container .fs_bullets{right:37%} #latest_post_on_blog_home_page #image_and_post_info_container{min-height:100px} #latest_post_on_blog_home_page #image_and_post_info_container #post_info{display:none} .blog_home #wordpress_content article{height:320px} #home_cta p { width: 95%; text-align: center; } img.cboxPhoto { max-width: 280px; } div#cboxTitle { display: none !important; } #top_search { display: none; } } /*---------------------------------------------------------------------------------------------------- Mobile Layout - Landscape ----------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .body_width{width:480px} #logo_and_menu{background:rgb(116,136,152); background-color: rgb(73,96,109); min-height:55px} #home_page_slider{background:url("images/slider-shadow-3.png") no-repeat center 150px,-webkit-gradient(linear,left top,left bottom,from(rgb(73,96,109)),to(rgb(145,159,167))); background:url("images/slider-shadow-3.png") no-repeat center 150px,-moz-linear-gradient(top, rgb(73,96,109),rgb(145,159,167)); background:url("images/slider-shadow-3.png") no-repeat center 150px,-o-linear-gradient(top, rgb(73,96,109),rgb(145,159,167))} #FriendlySlider-images, #FriendlySlider-container{height:163px} #below_slider_inner .row_2_text_widget{width:100%; margin-right:0} #below_slider_inner .row_3_text_widget { width:100%; margin-right: 0px; } .row_3_text_widget{width:45%; margin-right:5%} .row_3_text_widget:nth-of-type(1), .row_3_text_widget:nth-of-type(2){margin-bottom:36px} .row_3_text_widget:nth-of-type(2), .row_3_text_widget:nth-of-type(4){margin-right:0} #four_wide_widget_container.home_page_row_two_3_widgets >div:nth-of-type(2){margin-right:6.17978%} #home_page_double_width_widget_and_portfolio_slider .friendly_portfolio_slider{height:230px !important} #portfolio_project_info{display:none; visibility:hidden} #home_main_title { display: none !important; } .portfolio_content img.magnify{display:none} #footer_social_icons li{width:45%; text-align:center; margin-right:10%; margin-bottom:3%} #footer_social_icons li:nth-of-type(2){margin-right:0} #footer_contact_us li{margin-bottom:17px} #footer_contact_us li:last-of-type{margin-bottom:0} #footer_divider{left:44%} #latest_post_on_blog_home_page #image_and_post_info_container{min-height:150px} .blog_home #wordpress_content article{width:47%; margin:0 5% 5% 0} .blog_home #wordpress_content article:nth-of-type(2n){margin-right:0} #main_content #wordpress_content ul.portfolio_cat_list li{margin:0 5px 5px 0} #wordpress_content{width:100%; margin-right:0; float:none; overflow:hidden} #main_sidebar{width:100%; float:none; margin-top:48px; padding-top:48px; border-top:1px solid rgb(220,220,220)} .sidebar-left #main_sidebar{border-top:0} #main_sidebar #sidebar-customsidebar{overflow:hidden} #main_sidebar div.widget{width:85%; margin-right:9%; margin-left: 9%; margin-bottom:48px; float:left; padding:0; height:auto; } #main_sidebar div.widget:nth-of-type(2n){margin-right:0} ul.search_results{width:150px !important; float:right; right:60px !important} ul.search_results .excerpt{display:none} ul.search_results li a, ul.search_results li a:visited{float:left; font-size:10px} ul.search_results li.post_with_thumb a{width:88px; float:left; margin-bottom:5px} ul.search_results li.post_with_thumb img.post_thumb{height:28px; width:28px; margin-bottom:6px} #FriendlySlider-container .fs_bullets{right:41%} img.cboxPhoto { max-width: 440px; } div#cboxTitle { display: none !important; } #top_search { display: none; } } /* -------------------------------- 06 - Fixes and Helper Classes -------------------------------- */ .te_dashboard .te_close_link { display: none !important; visibility: hidden !important; } html { overflow-y: scroll; /* always force a scrollbar in non-IE */ } /* Hide for both screenreaders and browsers */ .hidden { display: none; visibility: hidden; } .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* === Tubepress === */ .tubepress_sidebar .tubepress_thumb { width: auto !important; margin-right: 5px; } /* === Members List === */ .tern_members_alpha a {padding: 0 2px 0 0 !important; } div.tern_wp_member_info { float: left; } div.tern_wp_members_first_name, div.tern_wp_members_last_name { display: inline; font-size: 15px; font-weight: bold; } div.tern_wp_members_phone { font-family: monospace, arial, sans-serif; } ul.tern_wp_members_list li p { display: none; } /* === ADS === */ #wp125adwrap_1c { width:100%; } #wp125adwrap_1c .wp125ad { margin-bottom:10px; } #wp125adwrap_2c { width:100%; } #wp125adwrap_2c .wp125ad { width:125px; float:left; padding:3px; height: 125px; border: 1px solid #ccc; } #wp125adwrap_2c .wp125ad.odd { margin-right: 2px; } #wp125adwrap_2c .wp125ad img { display: block; margin: auto; } /* == Hacks == */ .ie7 #footer_top_row_inner .footer_widget, .ie7 #footer_top_row_inner .widget { margin-right: 5.5%; } .gform_wrapper .top_label .gfield_label { width: 100%; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }