/* 3.25 */

.nc-update h1, h2, h3, h4 {font-family:'Playfair';
    
}

body 
{ font-family:Georgia, Arial; font-size:23px;	background:#F5EFD5; margin:0px;	padding:0px;}

a { text-decoration:none;}a:hover { color:orange;}

h1 { font-size:38px;}
h1 sup.reg, h1 sup.sm {font-size:22px}

h2 {font-size:36px;}
h2 sup.reg, h2 sup.sm {font-size:18px}

h3 {font-size:34px;}
h3 sup.reg, h3 sup.sm {font-size:15px}

h4 { font-size:30px;}
h4 sup.reg, h4 sup.sm {font-size:12px}

h5 { font-size:28px;}
h5 sup.reg, h5 sup.sm{font-size:10px}

sup.reg, sup.sm{font-size:9px}
.navlinks sup.reg, .navlinks sup.sm {font-size:6px}

sup {font-size:  calc(1em - 5px)}

.sm:before {
  content: "\2120";
}

.reg:before {
  content: "\00AE";
}

button {height: 55px; border:solid 1px #555; border-radius: 2px; padding: 12px 22px; display:block;
background-image: linear-gradient( to bottom, #fff8 0%, #8886 100%);
text-transform:uppercase; font-family: 'Arial'; font-size:14px; font-weight:600; letter-spacing:.5px; margin:10px;}

button:hover {color:red; 
background-image: linear-gradient( to bottom, #fff 0%, #4446 100%); box-shadow: 4px 4px 8px #ccc;}

.navbar {width:100%; background: #333;}
.logo h4, .navbar h4 {font-size:17px;color:#555;  font-weight:400; font-style:italic;  position:absolute;margin-top:-30px; z-index:1;text-align:center;}
.logo h4, .navbar h4, .navlinks li a  {font-family:'Arial'; text-transform:uppercase;}

.maincontent {width: 70%; float: left;	display: inline-block; padding: 20px; margin: auto; line-height: 24px; justify-content: flex-start;}
.maincontent p {text-align:justify; }
.maincontent p, .maincontent, p, li  {line-height:1.6em;}
.maincontent header h1, .maincontent h1, .maincontent header h2, .maincontent h2  {text-align: left; line-height: 1.2em;}

.maincontent header h1, .maincontent h1, h1 {
    color: blue;
}



/*accordion*/

.clist { border:none;
    margin: 10px 0;
}

h4.view-list {background:#eee8; color:black; padding:12px 9px;}

h4.view-list:hover{background:#9996; color:blue;
    
}
.clist iframe {
            display: none;
            margin:0 0 10px;
            width: 100%; /* Adjust width as needed */
            height: 500px; /* Adjust height as needed */
            border: none; /* Removes the border */
            overflow: hidden; /* Ensures no scrollbars */
        }
        
.clist .close-link {
            display: none; /* Hidden initially with the iframe */
            cursor: pointer; 
            margin-top:9px;
            color: blue;
            text-decoration: underline;
        }
        
.topnav a {font-size:18px; font-weight:normal;}

.topnav a.type2 {font-size:18px; font-weight:normal;}

.wrap {	width:1280px; margin:0px auto;	max-width:100%;}

.main {	background:#fff;}

.sidebar { float:left;	padding:20px; margin-left:50px}

.logo {	width:300px; float:left; min-width:300px;}
.logo img {width:80%!important}
.logo img, .logo h4, .navbar h4 {left:25px;}
.logo h4 { text-align:center; margin-top:0px;	padding-top:0px; color:#000;}
.header-right {	width:calc(100% - 300px); float:left; min-width:300px; text-align:right;}
.header-right h3 { font-size:32px;}
.header-right h5 { letter-spacing:2px; color:#222; margin-bottom:0px!important}
.header-right h3, .header-right h4, .header-right h5 { font-weight:400; }
.header-right h4 {margin: 5px 0px!important; font-size:22px; }
.header-right a { font-size:24px; color:orange;}
.header-right a:hover {	color:rgb(25,153,255);}
#header { position:relative; display:inline-block; width:100%;}
#header .wrap {	 background:#fff;}
.sociallinks a img { opacity: .6; margin:0px 10px; max-width:28px; border-radius:50%;}
.sociallinks a img:hover { opacity: 1.0;}

.navlinks {list-style-type:none;margin:0px; padding:0px;}
.navlinks li {	float:left;margin:0px;padding:0px; width:160px;	position:relative; }

.navlinks li a { font-size:11px; line-height:12px!important; color: #fff; padding:10px 8px; height:50px; background:rgba(255,255,255,0.1);transition:.5s all ease-in-out;
display: block; align-items: center; text-align: center; vertical-align: middle; width: calc(100% - 20px); flex-wrap: wrap; align-content: center; justify-content: center;}

.navlinks li a:hover {	background:rgba(255,0,0,0.8);}

.footer {	background: #444;	color: #fff;	padding:30px 0px;}
.footer a {	color: #aaa;}
.footer a:hover {color:rgb(52,153,255);}

textarea { resize: none;}

/* mobile me*/

       .menu {
            display: none;
            flex-direction: column;
            align-items: center;
            background-color: #f8f9fa;
            position: fixed;
            top: 0px;
            left: 0;
            width: 100%;
            height: 100vh;
            z-index: 999;
        }

        .menu a {
            text-decoration: none;
            color: #333;
            font-size: 1.5rem;
            margin: 10px 0;
        }

        #menu-toggle {
            display: none;
        }

        .hamburger-btn {display:none;;
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            cursor: pointer;
        }

        .hamburger {
            width: 30px;
            height: 3px;
            background-color: #333;
            margin: 6px 0;
            transition: transform 0.3s;
        }

        #menu-toggle:checked + .menu {
            display: flex;
        }

        #menu-toggle:checked + .menu ~ .hamburger-btn .hamburger {
            background-color: transparent;
        }

        #menu-toggle:checked + .menu ~ .hamburger-btn .hamburger::before {
            transform: rotate(45deg) translate(5px, 5px);
        }

        #menu-toggle:checked + .menu ~ .hamburger-btn .hamburger::after {
            transform: rotate(-45deg) translate(5px, -5px);
        }

        .hamburger::before,
        .hamburger::after {
            content: '';
            position: absolute;
            width: 30px;
            height: 3px;
            background-color: #333;
            transition: transform 0.3s;
        }

        .hamburger::before {
            transform: translateY(-9px);
        }

        .hamburger::after {
            transform: translateY(9px);
        }

@media screen and (max-width:700px)

{

body {overflow-x:hidden!important}



.maincontent p, h1, h2, h3, h4, h5 {line-height:1.2em!important;}
 #header, .logo, .header-right  { width:100%; }
.maincontent, #header, .logo, .header-right, .sidebar  {  float:none;  }
.wrap, .maincontent p, .maincontent right {padding-right:20px}
.maincontent, .sidebar, .wrap, .main, .footer, .navbar h4 { padding:20px 5%; width:90%  }

.maincontent p {font-size:18pt;}
.sidebar, .wrap { background: #fff;}
.sidebar { margin: 0px;}
.sidebar img {margin-right: 12px; float: left;}
.sidebar p, .sidebar img  {display:block;}
.navbar h4 {text-align:left; left:10px; margin-top:-50px; font-size:14px;}
.logo img {width:100%!important; left:10px; font-size:14px; margin-top:-50px}
.header-right {margin-bottom: 50px; }
.header-right h3, .header-right h4, .header-right h5, .sociallinks, .topnav, .topnav a {text-align:center;padding:4px 0px!important; }
.header-right {font-size:15px; font-family: 'Arial'!important;letter-spacing:.8px;}

.side img {display:block; width:200px;height: auto;
}