/**
 * Theme Name: Responsive Master
 * Template:   responsive
 * ...other header fields
 */
 
body         { background-color:#fff; }
.site.hfeed  { background-color:#fff; }

.comment-form-url { display: none; }

main#primary { padding-top:0px !important; }
article { padding: 0px 15px 15px 15px !important; }
h1 { background: #333; color: #fff !important; font-size: 1.5em !important; padding: 0.3em !important; line-height: 1.25 !important; margin-top: 0px; }
.hentry .post-data, .post-meta p { text-transform: none !important; font-size: 14px; border-bottom: 1px dotted grey; padding-bottom: 1em; }
.hentry .post-data, .post-meta a { text-transform: none !important; font-size: 14px; }

.container, [class*='__inner-container'], .site-header-full-width-main-navigation.site-mobile-header-layout-vertical:not(.responsive-site-full-width) .main-navigation-wrapper {
    max-width: 960px;
	padding: 0px;
}

.read-more {
  display: none;
}

h2.blogpostimage {
  background: inherit !important;
  color: #333 !important;
  font-size: 1em !important;
}

.entry-content p { margin-bottom: 0em; }
.entry-content b { font-weight: bold !important; }

.wp-caption {
  max-width: 96%;
  padding: 5px 3px 10px;
  border: 1px solid rgba(170,170,170,.2);
  text-align: center;
  width: 605px !important;
}

@media screen and (max-width: 650px) {
article.post.type-post.status-publish.format-standard.hentry   { padding: 0px; }
.container { padding: 5px !important; }
}



.calendarh2 { background-color: #333; color: #ffffff; padding: 0.4em; margin: 0px; line-height: initial; font-size: 1.2em; }
p.read-more { display:none; }


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.tabwrap h2 {
  font-size: 1.3em;
  background: cadetblue;
  color: #fff;
  padding: 0.5em;
}



.event_wrapper {
  padding-bottom: 5px;
  margin: 2em 0 0 0;
  border-bottom: 1px dotted black;
  width: 100%;
}



.event_time::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAM1BMVEX///+TlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiIbtL3AAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAJlJREFUeNpV0FuOxCAMRNGicXgT3/2vdpQmtJj6AR0ZVLL0JHUAb6adONnpYVFyvEaFcA2YX4zO/EiXfyTzhXMdBVsDRUo8A9uUIahTdZhusiD+s0oX6LVWSskyxs/yKmjL3pr2JCox5Fw602hqjJPCM2Ngh1VuSR2PP0p8vwoTz+/DCm3dJtzFLDXfJIWy13cfHULuY4z2yh9ztghX9aj8fgAAAABJRU5ErkJggg==);
  padding-right: 0.5em;
  vertical-align: middle;
  height: 19px;
  width: 19px;
}
.event_time { margin-left: 1.5em; text-indent: -1.5em; }

.event_location::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAWCAYAAAAfD8YZAAAACXBIWXMAAAsSAAALEgHS3X78AAAAtklEQVQ4y2P4//8/AwxPnjrDAYg3APF/NAwSc0BWC8LIGidg0YSOF2BoJlIjhgEwp/4nESfANG/AZQMUf8AidwGmGZtGA6SwMMBhgAA2zRvQQxVHmDhQXTOxzlYgN8AeUB5VUKcdIEHjBfQUpkCCZgdy0/YGXBlDAEfgoIQwVs1QAwrwaGzAmSWRDHiARSPIRQLEaHbAFTUENWOJugvY1ODTrIAtaojSjBR1B3DJE9IsgB416BgAaOiJYtvEnQYAAAAASUVORK5CYII=);
  padding-right: 0.5em;
  vertical-align: middle;
  height: 15px;
  width: 22px;
}
.event_location { margin-left: 1.5em; text-indent: -1.5em; }

.event_price::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2Mzg1OCwgMjAxOS8wMy8wNi0wMzoxODozNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNWM0MTY2Yi01OTI0LTRiNGEtOTI2YS1hNzI3NDNiMjA3YWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZFODBGNDc5OTJCMTFFRkJGNkRFMzlFRjJCOTYzNDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZFODBGNDY5OTJCMTFFRkJGNkRFMzlFRjJCOTYzNDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDE4LjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmJiYmZjOTUtNjU3Zi02ZDRjLThjMDctN2NmNDMyZWVmNzFjIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTU3N2Y0OTEtOTkyYi0xMWVmLTlkYWUtZjhkODZlYzQ4NjgxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PJHk5gAAAAZQTFRF+/v8uru9U05bwgAAAExJREFUeNqEkAEKABAQBG/+/2mEdWcVSZl2XCvit3gg7D62o8IW6geeEtyp6SIESiYR5ArlSZqoZ02IE7i7rQKlLkWUnlu9P8lXE2AAUD8AcJZTwfkAAAAASUVORK5CYII=);
  padding-right: 0.5em;
  vertical-align: middle;
  height: 15px;
  width: 22px;
}
.event_price { margin-left: 1.5em; text-indent: -1.5em; }

.excerptwithimage p img { float:right; }

.wp-caption img {
  border: 1px solid #333 !important;
}



/** TABLES **/

.table { display:table; }
.table-row { display:table-row; }
.table-cell { display:table-cell; }













/** PAGINATION **/

		.pagination {
				list-style-type: none;
				padding: 10px 0;
				display: inline-flex;
				justify-content: space-between;
				box-sizing: border-box;
			}
			.pagination li {
				box-sizing: border-box;
				padding-right: 10px;
			}
			.pagination li a {
				box-sizing: border-box;
				background-color: #e2e6e6;
				padding: 8px;
				text-decoration: none;
				font-size: 12px;
				font-weight: bold;
				color: #616872;
				border-radius: 4px;
			}
			.pagination li a:hover {
				background-color: #d4dada;
			}
			.pagination .next a, .pagination .prev a {
				text-transform: uppercase;
				font-size: 12px;
			}
			.pagination .currentpage a {
				background-color: #518acb;
				color: #fff;
			}
			.pagination .currentpage a:hover {
				background-color: #518acb;
			}
			
			
			
			
			
/** HEADER MENU **/

#nav #menu li a {
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0 .9em;
  position: relative;
  text-decoration: none;
  color: #000;
  white-space: nowrap;
  border-left: 1px solid #585858;
}

#nav ul#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#nav #menu {
  position: relative;
  display: flex;
  height: 100%;
}
#nav #menu li {
  cursor: pointer;
  height: 25px;
  text-align: center;
  padding-left: 5px
}
#nav #menu > li:first-child > a {
  border-left: none;
}
#nav #menu li {
  cursor: pointer;
  list-style: none;
  position: relative;
}
.ianvisits_site_header .main-nav {
  background-color: inherit;
  background-image: inherit;
  display: inherit;
}
.ianvisits_site_header {
  position: relative;
  padding: 1em 0px;
  border-bottom: 1px solid black;
}

.ianvisits_site_header p {
	margin-top: 1em;
	text-align: center;
}
.ianvisits_site_header .logoandmenu {
	margin:0 auto;
}
.ianvisits_site_header .websitelogo {
  margin: 0 auto;
  text-align: center;
}



/** SEARCH BUTTON **/
/** https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_searchbar3 **/

.search-container input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 12px;
  border: none;
  width: 100%;
  height: 30px;
  border:1px solid grey;
}

#nav #menu li form {
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0 .9em;
  position: relative;
  text-decoration: none;
  color: #000;
  white-space: nowrap;
  border-left: 1px solid #585858;
}




/** FRONT PAGE **/

 .frontpagemore a { color:#fff; }

.frontpagemore {
  float: right;
  background-color: orangered;
  padding: 0.3em 1em;
  margin: 0.5em 1.5em 0.5em 0.5em;
  font-size: 1.2em;
  border-radius: 4px;
}

@media screen and (max-width: 650px) {
  .frontpagemore {
    top: inherit;
    background-color: orangered;
    color: #ffffff;
    font-size: 1.5em;
    padding: 0.2em 1em;
    margin: 0.5em 0;
    border-radius: 4px 0px 0px 4px;
  }
}

.sidebarsmallscreenonly {
    display: none;
}
@media screen and (max-width: 650px) {
    .sidebarsmallscreenonly {
        display: inline-block;
    }
	    .bigscreenonly {
        display: none;
    }
	    .frontpageblogad {
        width: 320px;
        margin: 0.5em auto;
        text-align: center;
        height: 100px;
    }
	.websitemenu { display:none; }
}


/** HAMBURGLER MENU **/
/** https://codepen.io/nrauf90/pen/dajxQQ **/



/** Menu ul li css **/

#nav ul#menu {
    margin: 0px;
    padding-left: 0px;
	height: 45px;
}
#nav #menu {
    position: relative;
    display: flex
;
    height: 100%;
}
#nav #menu li {
    cursor: pointer;
    list-style: none;
    position: relative;
	height: 45px;
	padding: 0px;
	min-width: 160px;
}
#nav #menu li ul {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 10;
    padding-left: 0px;
}
#nav #menu li:hover {
    background: #e2e2e2;
}
#nav #menu li:hover>ul {
    top: 100%;
    visibility: visible;
}
#nav #menu li li {
    background: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #444;
    filter: none;
    margin: -1px 0 1px 0;
    width: auto;
}




#menuToggle {
            display: block;
            position: absolute;
            top: 20px;
            left: 20px;

            z-index: 1;

            -webkit-user-select: none;
            user-select: none;
        }

        #menuToggle input[type=checkbox] {
            display: block;
            width: 40px;
            height: 32px;
            position: absolute;
            top: -7px;
            left: -5px;

            cursor: pointer;

            opacity: 0; /* hide this */
            z-index: 2; /* and place it over the hamburger */

            -webkit-touch-callout: none;
        }

        /*
         * Just a quick hamburger
         */
        #menuToggle span {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;

            background: #cdcdcd;
            border-radius: 3px;

            z-index: 1;

            transform-origin: 4px 0px;

            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
        }

        #menuToggle span:first-child {
            transform-origin: 0% 0%;
        }

        #menuToggle span:nth-last-child(2) {
            transform-origin: 0% 100%;
        }

        /*
         * Transform all the slices of hamburger
         * into a crossmark.
         */
        #menuToggle input:checked ~ span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #232323;
        }

        /*
         * But let's hide the middle one.
         */
        #menuToggle input:checked ~ span:nth-last-child(3) {
            opacity: 0;
            transform: rotate(0deg) scale(0.2, 0.2);
        }

        /*
         * Ohyeah and the last one should go the other direction
         */
        #menuToggle input:checked ~ span:nth-last-child(2) {
            transform: rotate(-45deg) translate(0, -1px);
        }

        /*
         * Make this absolute positioned
         * at the top left of the screen
         */
        #mobilemenu {
            position: absolute;
            width: 400px;
            margin: -100px 0 0 -50px;
            padding: 50px;
            padding-top: 125px;

            background: #ededed;
            list-style-type: none;
            -webkit-font-smoothing: antialiased;
            /* to stop flickering of text in safari */

            transform-origin: 0% 0%;
            transform: translate(-100%, 0);

            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        }

        #mobilemenu li {
            padding: 10px 0;
            font-size: 22px;
        }
		
		#mobilemenu li:hover {
        background: #e2e2e2;
}
		#mobilemenu li:hover ul li:hover {
        background: #e2e2e2;
}
		#mobilemenu li:hover ul {
        background: #ededed;
}

        /*
         * And let's slide it in from the left
         */
        #menuToggle input:checked ~ ul {
            transform: none;
        }


        .onclick-menu:focus {
            /* clicking on label should toggle the menu */
            pointer-events: none;
        }

        .onclick-menu:focus-within .onclick-menu-content {
            /*  opacity is 1 in opened state (see below) */
            opacity: 1;
            visibility: visible;
            display: inherit;
            /* don't let pointer-events affect descendant elements */
            pointer-events: auto;
        }

        .onclick-menu-content {
           /* use opacity to fake immediate toggle */
            display: none;
            opacity: 0;
            visibility: hidden;
            transition: visibility 0.5s;
			margin-left: 0px;
        }
        .onclick-menu-content li{
            list-style: none;
        }









/** SIDEBAR **/

.latestnewswrapper  { width:100%; padding: 5px 0px; }
.latestnewsrow      {  }
.sidebarcontent     { width:300px; }
.latestnewscell     { vertical-align:top; padding-left: 0.5em; overflow: hidden; height:100px; width:100%; padding: 0px; } 
.latestnewscell img { width: 100%; top: 50%; position: relative; transform: translateY(-50%); }
.widgettitle        { padding: 0.3em; background: #333; color: #fff !important; font-size: 1.2em; }
#secondary          { border-left: 1px solid #e2e2e2; }
.sidebaradblock     { width:300px; margin:5px auto; }

@media screen and (max-width: 650px) {
#secondary          { display:none; }
article p           { font-size: clamp(18px, 1rem, 22px) !important; }
}