@import url("fonts.css");
@import url("okehampton.css");
@import url("bootstrap-icons.css");
@import url("fullcalendar.css");
@import url("fontawesome.css");
@import url("jspanel.css");
@import url("surveyjs.css");
@import url("simple-datatable.css");
@import url("swiper-bundle.min.css");
@import url("lightgallery.css");
@import url("videojs.css");
@import url("lc_lightbox.css");
@import url("extras.css");

    /* CSS for jsPanel custom controls */

	    .custom-control-icon.custom-smallify::before{
	        content: "\025B4";
	        /*content: url(../../images/close16x16.png);*/
	    }
	    .custom-control-icon.custom-minimize::before { content: "\0268A"; }
	    .custom-control-icon.custom-normalize::before{ content: "\02750"; }
	    .custom-control-icon.custom-maximize::before{ content: "\02610"; }
	    .custom-control-icon.custom-close::before{ content: "\02715"; }

    /* CSS for Fixed Header */

		main > .container {
		  padding: 15px 15px 0;
		}

	    .my-6 {
	        margin-top: 3.25rem!important;
	        margin-bottom: 3.25rem!important;    
	    }

		body {
		  	background-image: url('../imgs/cork-board.webp');
		  	background-repeat: repeat;
		}

	/** Extra Classes with no structural significance **/

	    .error {
	    	border-color: red !important;
	    }

	    .success {
	    	border-color: green !important;
	    }

	    .hide{
	        display:none;
	    }

	    .hyphens {
	        hyphens: manual;
	    }
		
		.actionbutton {
			cursor: pointer;
		}

		#printdiv div.row div p img {
		  	margin-left: 10px; 
		  	margin-right: 10px;
		}

		.passwordStrengthForcer {padding: 5px; background-color: #ccc; }

		.bg_okeh {
			background-color: #D1F2EB;
		}

		.text-okeh, .text_okeh {
			color: #4E7142;
		}

		@-webkit-keyframes animate-loading {
		  	0% {
				transform: rotate(0deg);
		  	}
		  	100% {
				transform: rotate(360deg);
		  	}
		}

		@keyframes animate-loading {
		  	0% {
				transform: rotate(0deg);
		  	}
		  	100% {
				transform: rotate(360deg);
		  	}
		}

		iframe {
		 	 margin-top: 1rem;
		 	aspect-ratio: 16/9;
		  	width: 100%;
		  	height: 100%;
		}

	/** Structural significance  **/

		.my-6 {
			margin-top: 5rem!important;
			margin-bottom: 5rem!important;    
		}

		.mainmenu {
			margin-top: 32px;
		}

	  	.logoheight {
	  		height: 65px;
	  	}

	  	.headerheight {
	  		height: 50px;
	  	}

		@media (max-width: 768px) {
		  	.btn-responsive {
				padding:3px 6px;
				font-size:80%;
				line-height: 1;
				border-radius:3px;
		  	}

		  	.logoheight {
		  		height: 55px;
		  	}

		  	.headerheight {
		  		height: 55px;
		  	}
		}

		@media (min-width: 769px) and (max-width: 992px) {
		  	.btn-responsive {
				padding:3px 6px;
				font-size:80%;
				line-height: 1.1;
		  	}
		}

		@media only screen and (min-width: 769px) {
		  	.top60 {
			  	margin-top: 5rem!important;
			  	margin-bottom: 5rem!important;    
		  	}

		  	.my-6 {
			  	margin-top: 5rem!important;
			  	margin-bottom: 5rem!important;    
		  	}
		}

	/** Okehampton.org specific **/

		#cliqonmenu.navbar-collapse,
		#cliqonmenu,
		.navbar-collapse {
			background-color:#D1F2EB !important;
			z-index: 100;
		}

		#cmscontent ul {
			padding: 0;
			margin-left: 25px;
			margin-right: 25px;
	  		border: 1px solid #ddd;
			list-style: circle;
		}

		#cmscontent ul > li {
			color: #222;
			line-spacing: 1.5em;
	  		padding: 8px 16px;
	  		border-bottom: 1px solid #ddd;
		}

		#cmscontent ul > li:last-child {
			border-bottom: none;
		}

		small, .small, card-body, card-text {
			line-height: 0.9;
			font-size: 0.9;
		}

		p.nolh {
			margin-top: 0.1em;
			margin-bottom: 0.2em;
		}

	    .grid-item,
	    .grid-sizer {
	        width: 14em;
	        float: left;
	        margin: 2px;
	    }

	    /* clear fix */
	    .grid:after {
	        content: '';
	        display: block;
	        clear: both;
	    }

	    .text-xs {
	        font-size:11px;
	    }

	.singlecard .card-body, 
	.singlecard .card
	{
    	height: fit-content !important;
    	min-height: 90vh;
	}