/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */

/* bgcolor #795e48 brown*/
/* footer_bg #e4dfd3 tan*/
/* nav_bgcolor #6a7a45 green */
/* accent #2f4671 blue */

/* 2023 
light blue = #83d9df
med blue = #008f9f
dark blue = #12284b
green = #69c04b



   /* was e4dfd3  */
  
   /*was orange*/
  /*pink = ee4d9b*/
  /*pink = ee4d9b*/
 /*brown*/ 

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

/* body css */
body {
	background-color: #fff;
	/* background: #fff url('https://www.itsmygirlfriendsnh.com/uploads/backgrounds/IMG_3945_2000.jpg') repeat; */
        background: #fff url('https://www.itsmygirlfriendsnh.com/uploads/images/2023_refresh/2023_pageBg_second.jpg') repeat; 
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
/*	font-family: 'Lato', sans-serif;  */
	color: #000;
	font-size: 18px;
	font-weight:400;
	line-height: 22px;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 10px;
}

h1 {font-size:24px;font-weight:600;color:#000;line-height: 28px;}
h2 {font-size:22px;font-weight:600;color:#000;line-height: 28px;}
h3 {font-size:18px;font-weight:600;color:#000;}
h4 {font-size:16px;font-weight:600;color:#000;}
h5 {font-size:14px;font-weight:600;color:#000;}
h6 {font-size:14px;font-weight:600;color:#000;}

a {color:#000;text-decoration:underline;}
a:hover {color:#83d9df;}
a.formsLink {color:#008f9f;}
a.formsLink:hover {color:#ee4d9b;}

ul {list-style-type:disc;margin: 15px 40px;}
ol {list-style-type:decimal;margin: 15px 40px;}
ul li{display:list-item;}
ol li{display:list-item;}

table {padding: 10px;}

table td {padding: 10px;border-bottom:1px solid #CCC;}

.headerleft { padding-right: 5%; padding-top:20px; }
.headerleft h1 {font-size:32px;font-weight:600;margin-top:12px; padding-right: 10%;}
.headerright {  }
.headerright h1 { margin-right:0; background:#000000; text-align:center; padding:5px 20px; border-radius:4px; margin-top:10px; margin-bottom:10px; margin-right:0; margin-left:0; font-size:22px;  }
.headerright h1 a { color:#83d9df; }
.headerright h1 a:hover { color:#008f9f}

.headerbox {background:#000000; color:#FFF;padding:0px 2px; display:block; line-height:30px;  border-radius:3px; font-weight:bold}   /*JAH*/

.listbox a {background:#FFF;color:#000;padding:12px;display:block;text-decoration:none;}
.listbox a:hover {background:#666;color:#FFF;}

.sidemenulist > .category {display:block;}
.sidemenulist > .categorysummary {display:none;}
.maincategory > .category {display:none;}
.maincategory > .categorysummary {display:block;}
.maincategory {margin-top:0px;}
.maincategory > .article {margin-top:10px;}

.border {border:1px solid #000;}
.border-radius {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;	}

.b-radius-all { border-radius:3px; }

.border_sidemenu { border:1px dotted #ccc;  border:none;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;	}


hr.one-forth-col-divider {clear:both;  border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));  }

.overflow {overflow:hidden;}

.fb-like-box-overflow > .fb_iframe_widget, 
.fb-like-box-overflow > .fb_iframe_widget span, 
.fb-like-box-overflow > .fb_iframe_widget span iframe[style] {width:100% !important;}

.twitter-timeline {height:300px;}

.form {padding:10px;}
.form h1, .form h2, .form h3, .form h4, .form h5, .form h6 {margin-left:0;margin-right:0;}
.form input, .form textarea {border:1px solid #000;padding:10px; color: #000;font-size: 14px;}
.form input[type=submit] {color: #FFF;background-color: #000;}
.form td {padding:0;border:0;}

.hidden1200, .search-button {display:none;}

.search { margin-top:0; padding:0; }


.search label {display:none;}

.search-input {
	float:right;
	font-weight: 400;
	border:1px dotted #ccc;
	background-color:transparent;
	font-size: 12px;
	padding: 4px 10px;
	margin-top: 0px;
	width: 85%;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

.searchimg {height:26px;margin-top:0px;margin-right:8px;float:right;}
.search_message {font-size:0.7em; line-height:12px;  color:#999; }

.topnewsimg {padding:10px 10px 0 10px;}
.articleimg {float:left;width:150px;padding:10px;   width:98%; padding:0; } /*JAH*/
.articleinfo, .articledetails {color:#666;}

#vital_statistics table.vital_statistics {width:100%; background:#fff; font-size:10px; font-family:arial,sans-serif; z-index:-100;}
#vital_statistics table.vital_statistics th {background:#2f4671;color:#fff; }
#vital_statistics table.vital_statistics td {padding:0; margin:0;}

.article img {width:100%;}

.video {margin:10px;}

.facebook {background:#42549a;color:#FFF;text-decoration:none;padding:5px 10px;margin:5px;border-radius:5px;}
.twitter {background:#66ccff;color:#FFF;text-decoration:none;padding:5px 10px;margin:5px;border-radius:5px;}
.facebook:hover, .twitter:hover {background:#000;color:#FFF;}

.comments {padding:5px;}
.likebutton {padding:10px;line-height:0;}

h1 a, h3 a, h5 a {color:#666;text-decoration:none;}
h2 a, h4 a, h6 a {color:#000;text-decoration:none;}
h1 a:hover, h3 a:hover, h5 a:hover {color:#000;}
h2 a:hover, h4 a:hover, h6 a:hover {color:#666;}

#mainback {background:#FFF;max-width:1000px;max-width:1200px;margin:0 auto; margin-top:10px; border-top:8px solid #008f9f; border-radius:2px; box-shadow:0 0 4px #888;}

.content_main { padding-bottom:40px; }

#footer {width:100%;background:#008f9f;color:#000000; padding:50px 20px; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6  {color:#FFF;}
#footer a, #footer a:hover {color:#83d9df;}
#footer p {font-size:22px; }
.footer {text-align:center;}
.footer_left {text-align:left;}

.pageimgright {
float: right;
width:220px;
height:auto;
margin-left:10px;
margin-bottom:10px;
}

.pageimgleft {
float:left;
width:220px;
height:auto;
margin-right:10px;
margin-bottom:10px;
}


/* News styles */
a.articleMore {background:#83d9df; padding:2px 20px; width:90%;}
p.articleDate {font-size:0.8em; }
div.articleSummary {line-height:14px; }

/*right Gallery styles */
.gallery {margin-left:5px}
h3.galleryTitle {display:none;}
p.galleryImgCount {display:none;}
.gallerycomment {display:none; }
.gallery .pagenavigation {display:none;}
.gallery .img {  /*width:45%;*/ }

/* home slideshow */
.nivo-caption h2 {color:#008f9f; }

/*content area */
.content_main { padding:0 5%; }
.content_main p {line-height:26px; }


@media screen and (max-width: 800px) {
	
	.hidden1200 {display:block;}
	.hidden800 {display:none;}
	
	.search-input {width:100%;}
	.searchimg {display:none;}
	
	.topnewsimg {float:left;width:150px;padding:10px;}
	
	.mobilemenu {background: url('https://www.itsmygirlfriendsnh.com/template980/images/mobilemenu.png') #000 no-repeat right;background-size:26px;}
	
	.sidemenulist {display:none;}
	.sidemenu:hover .sidemenulist {display:block;}
	
}

@media screen and (max-width: 600px) {
	
	.hidden600 {display:none;}
	
	.headerleft {text-align:center; padding-right:0; padding-top: 0 !important;}
        .headerleft a {width:100%;  margin:0 auto; }
        .img.headerleft {margin: 0 auto; padding:0; }
	.headerright h1 { width:100%;text-align:center; margin:12px auto; }
	
	.search-input {margin-top:0;}
	
	.topnewsimg, .articleimg {width:110px;}
	.articleinfo, .articlesummary {display:none;}
	.summaryheader h4 {font-size:14px;font-weight:400;}
	
	.pageimgright, .pageimgleft {width:100%;}
	
	/* responsive table */
	table {font-size: 12px;}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {


}
/* Stylesheet: imgf_main Modified On 2025-01-03 11:42:40 */
/* GRID 1200 v1.4 (by PMKMedia.nl/grid) */


/* bgcolor #795e48 brown*/
/* footer_bg, nav_a_bg #e4dfd3 tan*/
/* nav_bgcolor #6a7a45 green */
/* accent #2f4671 blue */

/* 2023
light blue = 83d9df
medium blue = 008f9f
dark blue = 12284b
green = 69c04b  */

 
   /* 2023 light blue */
 /* 2023 dk blue, was pink ee4d9b*/




/* menu-view css */
.nav {background:#008f9f;  }

#nav select {display:none;}
#nav ul {display:inline;}

/* menu css */
#menu {
	font-size: 20px;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;  background:transparent;   /* JAH customization - behind the drop down ul */
	margin-top: -10%; margin-top: 0; 
	margin-left: 5%;
	display: none; 
}

#menu ul li ul {
	margin-top: -10%; margin-top:0;
	margin-left: 80%;
}

#menu ul ul li ul {
	margin-top: -10%;
	margin-left: 80%;
}

/* show submenu 1 */
#menu li:hover ul {
	display: block;
}

#menu li:hover ul ul {
	display: none;
}

/* show submenu 2 */
#menu ul li:hover ul {
	display: block;
}

#menu ul li:hover ul ul {
	display: none;
}

/* show submenu 3 */
#menu ul ul li:hover ul {
	display: block;
}

/* menu link css */     /* JAH customization - main nav, padding, bgcolor */
#menu a {
	display: block;
	/* background:#008f9f;*/
	color: #fff;
	text-decoration: none;
	padding: 6px 30px;
}

#menu a:hover {
	background: #008f9f;
	color: #fff;  color: #ee4d9b; 
}

#menu ul {
	/* background: #FFF; */
	/*border: 1px solid #000;*/
	width: 200px;
}

#menu ul a {
	background: #008f9f;  /*JAH customization - background on dropdown*/
	color: #000;
	width: 198px;
	padding: 8px 12px;
}

.currentpage {
	background: #2f4671 !important;
	color: #fff !important;
}

/* menu z-index */
#menu {
	z-index: 1000;
}

#menu ul {
	z-index: 2000;
}

#menu ul ul {
	z-index: 3000;
}

#menu ul ul ul {
	z-index: 4000;
}

@media screen and (max-width: 800px) {	
	/* menu-mobile-view css */
	#nav select {display:block;}
	#nav ul {display:none;}

	/* menu-mobile css */
	.styled-select select {
		background: transparent;
		width: 110%;
		overflow:hidden;
		border: 0;
		padding: 12px;
		font-size: 14px;
		color: #FFF;
		-webkit-appearance: none;
		-webkit-border-radius: 0px;
	}
	
	.styled-select option {
		background: #FFF;
		color: #000;
		-webkit-appearance: 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: block;
}






/*** DEFAULT NAVIGATION FOR LARGER SCREENS ***/
@media screen and (min-width: 481px) {
	
	span#mobile-menu,
	img#menu-down,
	img#menu-up {
		display: none;
	}

	div#nav {
	    width: 98%;
		min-height: 36px;
		background: transparent url('https://www.itsmygirlfriendsnh.com/uploads/images/layout/bg_nav.png') repeat;
		margin: 0 auto 15px auto;
		line-height: 36px;
	}
	
	div#nav ul li {
		display: inline-block;
		font-weight: bold;
		font-size: .9em;
		
	}
	
	div#nav a {
		text-decoration: none;
	}
	
	.nav-delimiter {
		display: inline-block;
		margin: 0 .5em 0 .75em;
	}
	
	div#menuwrapper > ul ul { margin-left: 0; }
	
	ul#primary-nav {
		visibility: visible;
		position: relative;
		display: inline-block;
		margin-left: 25px;
	}
	
	ul#primary-nav li {
		font-size: 1em;
		list-style-type: none;
	}
	
	ul#primary-nav > li {
		float: left;
	}
	
	ul#primary-nav li ul {
		visibility:hidden;
		position:absolute;
		top: 0px;
		background: transparent url('https://www.itsmygirlfriendsnh.com/uploads/images/layout/bg_nav_sec.jpg') repeat;
	}
	
	ul#primary-nav li:hover { position:relative; }
	
	ul#primary-nav li:hover > ul { visibility: visible; z-index: 1000; padding: 5px 0; margin-top: 36px; }
	
	ul#primary-nav a {
		display: inline-block;
		white-space: nowrap;
		margin: 0 10px 0 10px;
	 	font-weight: bold;
	
	}
	
	ul#primary-nav a,
	ul#primary-nav a:visited {
		color: ;
		text-decoration: none;
	}
	
	ul#primary-nav a:hover { color: #FFFFFF; }

	ul#primary-nav a.menuactive, 
	ul#primary-nav a.menuactive:hover, 
	ul#primary-nav a.menuactive:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
}

/* SMALL SCREENS: smaller background image for mobile, single column and dropdown nav */
@media screen and (max-width: 480px) {

	body { 
		background: #F5E7CA url('https://www.itsmygirlfriendsnh.com/uploads/images/layout/bg_480px.jpg') repeat-y center top; 
		-o-background-size:100% auto;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	
	img#logo {
		max-width: 60%;
		margin: 0 30% 0 10%;
	}
	
	.gallery .img {
		width: 48%
	}
	
	/* Dropdown navigation */
	
	div#menuwrapper {
		cursor: pointer;
	}
	
	img#menu-down, img#menu-up {
		float: right;
		margin: 8px 2% 8px 0;
	}
	
	span.nav-delimiter {
		display: none;
	}
	
	span#mobile-menu {
		margin: 0 0 0 2%;
	}
	
	div#nav {
	    width: 98%;
		background: transparent url('https://www.itsmygirlfriendsnh.com/uploads/images/layout/bg_nav.png') repeat;
		margin: 0 auto 15px auto;
		font-size: 1em;
		min-height: 36px;
		line-height: 36px;
		font-weight: bold;
	}
	
	div#nav ul li {
		width: 100%;
		display: block;
	
	}
	
	div#nav ul {
		margin: 0 0 0 0;
	}
	
	ul#primary-nav li {
		list-style-type: none;
	}
	
	ul#primary-nav li ul {
		margin: 0 0 0 10px;
	}
	
	ul#primary-nav a {
		display: inline-block;
		width: 96%;
		height: 100%;
		white-space: nowrap;
		padding: 0 2% 0px 2%;
	}
	
	ul#primary-nav a,
	ul#primary-nav a:visited {
		color: ;
		text-decoration: none;
	}
	
	ul#primary-nav a:hover { color: #FFFFFF; }

	ul#primary-nav a.menuactive, 
	ul#primary-nav a.menuactive:hover, 
	ul#primary-nav a.menuactive:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
}
/* Stylesheet: imgf_nav Modified On 2023-09-10 11:36:32 */
/* 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:left;}
.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:980px; max-width:1080px; margin:0 auto;text-align:left;overflow:hidden;}
.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-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-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;}
}
@media screen and (max-width: 600px) {
.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-sixth-column{width:96%;margin:10px 2%;}
}
/* Stylesheet: imgf_responsive Modified On 2014-11-04 21:21:22 */