@charset "UTF-8";

/*
Theme Name: Tranquility on Ocean Court Custom
Theme URI: 
Author: undercurrent designs
Author URI: https://www.undercurrentdesigns.com
Description: 
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.0

*/

body {background: #fff; margin: 0;}
h2 {color: #164d8a; margin: 0 0 .5rem 0;}
p {margin: 0 0 .5rem 0;}

#header {width: 100%; margin: 0 0 20px 0;}
#header_content {width: 1050px; height: 130px; margin: 0 auto;}
#header_title {float: left; width: 675px; font-family: 'Rubik', sans-serif;}
#header_title h1 {font-size: 3rem; font-weight: 700; color: #164d8a; margin: 1.25rem 0 0 0;}
#header_title h2 {font-size: 1.5rem; font-weight: 400; color: #336cac; margin: 0;}
#navigation {float: right; height: 40px; width: 375px; margin: 90px 0 0 0; text-align: right; color: #656667; font-family: 'Rubik', sans-serif; font-size: 1.25rem;}

#content_container {width: 100%; margin: 0 0 20px 0; color: #111; font-family: 'Rubik', sans-serif;}
#content {width: 1050px; margin: 0 auto;}
#content p {font-size: 1.25rem; line-height: 2rem; margin: 0 0 1rem 0}
#content ul {font-size: 1.25rem; line-height: 2rem; margin: 0 0 1rem 0;}

.homepage_hero {height: 400px; background-image: url("https://www.tranquilityonoceancourt.com/wp-content/themes/tooc_custom/images/Hero_01.jpg"); margin: 0 0 2rem 0;   background-position: 0 -70px; background-repeat: no-repeat; background-size: cover;}
#homepage_sidebar_container {width: 330px; margin: 0 1rem 0 0; float: left;}
#homepage_sidebar {background: #e6eff8; padding: 15px; margin: 0 0 2rem 0;}
#rate {font-weight: 700; font-size: 2.25rem !important; color: #000; padding: .5rem 0; line-height: 1.5 !important; margin: -1rem 0 0 0 !important;}
#rate_special {font-size: .85rem !important; line-height: 1rem !important;}
#homepage_contentwithsidebar {width: 700px; margin: 0; float: right;}

#homepage_gray {width: 100%; background: #eeeeee; margin: 0; padding: 2rem 0;}
#homepage_white {width: 100%; background: #fff; margin: 0; padding: 2rem 0;}
#homepage_wideleft {width: 65%; float: left; margin: 0 1rem 0 0;}
#homepage_wideright {width: 65%; float: right; margin: 0 0 0 1rem;}
#homepage_narrowright {width: 33%; float: right;}
#homepage_narrowleft {width: 33%; float: left;}

.ngg-imagebrowser > h3 {display: none !important;}
.ngg-imagebrowser-desc > p {margin: 0 !important; font-size: .85rem !important; font-style: italic; color: #666;}
.ngg-imagebrowser.default-view {margin: 0 !important;}

#footer {width: 100%; height: 100px; background: #164d8a; padding: 2rem 0; font-family: 'Rubik', sans-serif;}
#footer_content {width: 1050px; margin: 0 auto; text-align: center; color: #fff;}
#footer_content a {color: #fff; text-decoration: none;}
#footer_content a:hover {text-decoration: underline;}