/*   



Theme Name: Aylmer Police Theme



Theme URI: http://www.reddingdesigns.com	



Description: Aylmer Police Theme



Author: Rob Redding



Author URI: http://www.reddingdesigns.com



Version: 1



*/



@charset "utf-8";







body { width:100%; height:100%; min-width:320px; margin:0; padding:0; }



body h1,h2,h3 { font-family:'Montserrat', sans-serif; }



body p,h4,h5,h6,ul,li,ol,td,th,label { font-family:'Open Sans', sans-serif; color:#333333; font-weight:400; }







a:link { text-decoration:none; color:inherit; transition:all .4s ease; }



a:hover { text-decoration:none; color:#000; transition:all .4s ease; }



a:active { text-decoration:none; color:inherit; }



a:visited { text-decoration:none; color:inherit; }







p  { font-size:18px; }



h1 { font-size:60px; }



h2 { font-size:48px; }



h3 { font-size:36px; }



h4 { font-size:24px; }



h5 { font-size:21px; }



h6 { font-size:14px; }



ul li { font-size:21px; }



ul li a:link { text-decoration:none; }



ul li a:hover { text-decoration:underline; }



ul li .tan { font-size:18px; color:white; margin:10px 0; }







strong { font-weight:700; }







.blue { color:#012e4e; }



.brown { color:#333333; }



.tan { color:white; }



.red { color:#ed1c24; }







.tantext p{ color:white; }







.beige-bg { background-color:rgba(199,178,153,0.1); }



.charcoal-bg { background:url(images/bg-dark.jpg) repeat fixed; background-color:#000; }

.blue-bg { background:url(images/bg-blue.jpg) repeat fixed; background-color:#012e4e; color: white !important; }







.bg-white { background-color:rgba(255,255,255,0.9); }







.rule-blue { width:auto; height:1px; border-bottom:1px solid #012e4e; margin:-10px 0 10px 0; }



.rule-brown { width:auto; height:1px; border-bottom:1px solid #333333; margin:-10px 0 10px 0; }

.blue-bg .rule-brown { border-color: white; }

.rule-tan { width:auto; height:1px; border-bottom:1px solid #c7b299; margin:-10px 0 10px 0; }


.rule-white { width:auto; height:1px; border-bottom:1px solid white; margin:-10px 0 10px 0; }



.rule-beige { width:auto; height:1px; border-bottom:1px solid rgba(199,178,153,0.4); margin:10px 0; }



.v-rule { width:1px; height:auto; border-right:1px solid rgba(199,178,153,0.4); }







header { width:100%; height:auto; display:block; padding:10px 0; }



header .logo { display:inline-block; }

header h1 {
	margin: 0 auto;
}



nav { width:100%; height:auto; display:block; overflow:hidden; background: #012e4e; margin:0; padding:0; }

nav h5 { font-size: 16px; }



footer { width:100%; height:auto; display:block; padding:10px 0; background: #012e4e; color: white; }

footer p,
footer a:link,
footer a:visited { color: white !important; }



article { width:100%; height:auto; margin:0; padding:50px 0; position:relative; }



section { width: 90%; max-width:1275px; height:auto; margin:0 auto; position:relative; }



.container-main { width:100%; height:500px; display:block; margin:0; border-top:1px solid #c7b299; position:relative; }



.container-main::after { content:""; background:url(images/slide-13.jpg) no-repeat top center fixed; position:absolute; top:0; bottom:0; left:0; right:0; opacity:1; z-index:-1; }



.container-about { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-3.jpg) no-repeat top center fixed; }



.container-service { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-4.jpg) no-repeat top center fixed; }



.container-prevent { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-5.jpg) no-repeat top center fixed; }



.container-gallery { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-6.jpg) no-repeat top center fixed; }



.container-partners { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-6a.jpg) no-repeat top center fixed; }



.container-report { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-7.jpg) no-repeat top center fixed; }



.container-contact { width:100%; height:400px; display:block; margin:0 0 400px 0; }





.container-events { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-8.jpg) no-repeat top center fixed; }



.container-job { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-9.jpg) no-repeat top center fixed; }



.container-law { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-11.jpg) no-repeat top center fixed; }



.container-minutes { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-10.jpg) no-repeat top center fixed; }



.container-wanted { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-12.jpg) no-repeat top center fixed; }



.container-top { width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; }


.container-camera-mapping{ width:100%; height:400px; display:block; margin:0; border-bottom:1px solid #c7b299; background:url(images/slide-14.jpg) no-repeat top center fixed; }




.overlay { background:transparent; position:relative; width:100%; height:400px; top:400px; margin-top:-400px; border-bottom:1px solid #c7b299; }







.menu { width:auto; height:auto; display:inline-block; padding:18px; margin:0; color:white; transition:all .4s ease; font-weight:bold; }



.menu:hover { color:#012e4e; background:white; transition:all .4s ease; }



.current { width:auto; height:auto; display:inline-block; padding:20px; margin:0; color:#012e4e; background:white; transition:all .4s ease; }




#cameraMappingForm { display: flex; flex-direction: column; align-items: flex-start; }

#cameraMappingForm .break{
	border-top: 1px solid lightgrey;
	margin: 20px 0;
	align-self: center;
	width: 90%;
}

#cameraMappingForm .custom-row{
	display:flex; flex-direction: row; justify-content: flex-start; width: 100%;
}

#cameraMappingForm .custom-row .custom-col{
	width: 49%;
}

#cameraMappingForm .custom-row .custom-col-forty{
	width:35%;
}

#cameraMappingForm .custom-row .custom-col-thirty{
	width:30%;
}

@media screen and (max-width:768px){
	#cameraMappingForm .custom-row .custom-col-forty{
		width: 30%;
		display:flex;
		flex-direction: column;
		align-items:center;
	}
	
	#cameraMappingForm .custom-row .custom-col-thirty{
		display:flex;
		flex-direction: column;
		align-items:center;
		
	}
}


#cameraMappingForm .custom-row .custom-col-addr{
	width: 74%;
}

#cameraMappingForm .custom-row .custom-col-unit{
	padding-top:2%;
	width: 30%;
}

#cameraMappingForm .custom-col-cam{
	width:30%;
}

@media screen and (max-width:767px){
	#cameraMappingForm .custom-col-cam{
		width:50%;
	}
}

#cameraMappingForm .custom-row .custom-col-addr2{
	width: 33%;
	margin-right: 3.33%;
}
#cameraMappingForm .custom-row .left-col{
	margin-right: 2%;
}

#cameraMappingForm .textbox {
	width: 95%;
	margin:20px 0;
}

#cameraMappingForm .radio-group{
	padding: 10px 0;
}

@media screen and (max-width:768px){
	#cameraMappingForm .radio-group2{
		padding: 10px 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}

#cameraMappingForm input[type=radio]{
	-webkit-appearance: radio;
	width: 15px;
	height: 15px;
}

#cameraMappingForm #nvc{
	margin-top:15px;
}

#cameraMappingForm .btn-blue{
	margin-top:10px;
}

.ftlt { float:left; }



.mrgrt { margin-right:25px; }



.ftrt { float:right; }



.mrglt { margin-left:25px; }



.clear { clear:both; }







.right { text-align:right; }



.left { text-align:left; }



.center { text-align:center; }



.justify { text-align:justify; }



.valign-m { vertical-align:middle; }







.cell-1-4 { width:20%; height:auto; padding:2%; vertical-align:top; display:inline-block; }



.cell-1-3 { width:29%; height:auto; padding:2%; vertical-align:top; display:inline-block; }



.cell-1-2 { width:45%; height:auto; padding:2%; vertical-align:top; display:inline-block; }



.cell-2-3 { width:62%; height:auto; padding:2%; vertical-align:top; display:inline-block; }



.cell-3-4 { width:70%; height:auto; padding:2%; vertical-align:top; display:inline-block; }







.facebook-feed { border:none; overflow:hidden; width:100%; height:525px; background-color:transparent; float:left; }







.report { width:96%; height:auto; padding:2%; border-bottom:1px solid rgba(199,178,153,0.1); background-color:rgba(199,178,153,0); transition:all .4s ease; }



.report .r-icon { width:50px; height:50px; border-radius:50px; border:5px solid #333333; opacity:0.7; transition:all .4s ease; }



.report .r-icon-r { width:50px; height:50px; border-radius:50px; border:5px solid #ed1c24; opacity:0.7; transition:all .4s ease; }



.report .r-icon-b { width:50px; height:50px; border-radius:50px; border:5px solid #012e4e; opacity:0.7; transition:all .4s ease; }



.report:hover { background-color:rgba(199,178,153,0.1); transition:all .4s ease; }



.report:hover .r-icon { width:50px; height:50px; border-radius:50px; border:5px solid #333333; opacity:1; transition:all .4s ease; }



.report:hover .r-icon-r { width:50px; height:50px; border-radius:50px; border:5px solid #ed1c24; opacity:1; transition:all .4s ease; }



.report:hover .r-icon-b { width:50px; height:50px; border-radius:50px; border:5px solid #012e4e; opacity:1; transition:all .4s ease; }



.report:hover p { color:#012e4e; transition:all .4s ease; }







.wanted { width:960px; height:100%; }







.r-portrait { width:250px;     max-width: 100%;



    height: auto; border-radius:250px; border:10px solid #c7b299; box-shadow:0px 0px 10px rgba(0,0,0,0.4); }







.icon-fb { width:40px; height:40px; display:inline-block; margin:5px 5px 0 0; transition:all .4s ease; }



.icon-fb:hover { border:2px solid #0071bc; transition:all .4s ease; }



.icon-tw { width:40px; height:40px; display:inline-block; margin:5px 0 0 0; transition:all .4s ease; }



.icon-tw:hover { transition:all .4s ease; opacity: .6; }







.textbox { width:95%; height:auto; padding:2%; margin:5px 0 0 0; background-color:transparent; border-bottom:1px solid #333333; outline:none; border-radius:0; -webkit-appearance:none;



			font-family:'Open Sans', sans-serif; color:#333333; font-weight:400; font-size:18px; }



.textarea { width:95%; height:150px; padding:2%; margin:5px 0 0 0; background-color:transparent; border:1px solid #333333; outline:none; border-radius:0; -webkit-appearance:none;



			font-family:'Open Sans', sans-serif; color:#333333; font-weight:400; font-size:18px; }



input { background-color:transparent; border:0px solid; -webkit-appearance:none; border-radius:0; height:30px; width:260px; }



input:focus { outline:none; }



.searchbar { width:95%; height:auto; padding:2%; margin:5px 0 0 0; background-color:transparent; border-bottom:1px solid #333333; outline:none; border-radius:0; -webkit-appearance:none;



			font-family:'Open Sans', sans-serif; color:#333333; font-weight:400; font-size:18px; background:url(images/icon-inspect.png) no-repeat right; background-size:contain; }







.btn-tan { font-family: 'Montserrat', sans-serif; width:auto; height:auto; padding:10px 20px; display:inline-block; background-color:transparent; border:1px solid white; color:white; transition:all .4s ease; }



.btn-tan:hover { background-color:white; color:#012e4e; transition:all .4s ease; }


.btn-white { font-family: 'Montserrat', sans-serif; width:auto; height:auto; padding:10px 20px; display:inline-block; background-color:transparent; border:1px solid white; color:white; transition:all .4s ease; }



.btn-white:hover { background-color:white; color:#012e4e; transition:all .4s ease; }



.btn-blue { font-family: 'Montserrat', sans-serif; width:auto; height:auto; padding:10px 20px; display:inline-block; background-color:transparent; border:1px solid #012e4e; color:#012e4e; transition:all .4s ease; }



.btn-blue:hover { background-color:#012e4e; color:white; transition:all .4s ease; }



.btn-up { font-family: 'Montserrat', sans-serif; width:auto; height:auto; padding:20px; display:block; background-color:rgba(199,178,153,0.3); color: #012e4e; position:fixed; bottom:-20px; right:0; z-index:1000; transition:all .4s ease; }



.btn-up:hover { padding:30px; transition:all .4s ease; }



.btn-survey { font-family: 'Montserrat', sans-serif; width:auto; height:auto; padding:10px 20px; display:inline-block; background:#00bf6f; color:white; font-size:24px; font-weight:bold; border:none; border-radius:5px; transition:all .4s ease; }







.gallery-thumb { width:230px; height:auto; display:inline-block; margin:0; border:1px solid rgba(45,30,22,0); opacity:0.7; transition:all .4s ease; }



.gallery-thumb:hover { border:1px solid rgba(45,30,22,1); opacity:1; transition:all .4s ease; }



form {display:inline-block;}



.hidden{position:absolute;



left:-10000px;



top:auto;



width:1px;



height:1px;



overflow:hidden;}











#navbtn {display:none !important;}











#wpsimplegallery_container{ text-align:center;}







.entry img {max-width:100%; height:auto;}











@media (max-width: 1388px) {



.header_vid {display:none;}







}











 @media (max-width:1020px)



{



.menu {padding:12px;}



.defaultpage {padding-left:10px; padding-right:10px;     box-sizing: border-box;



}







.entry {padding-left:10px; padding-right:10px;     box-sizing: border-box;



}



}







 @media (max-width:960px)



{



section { width:100%; }

.mobilesection{
	width:90% !important;
}

.wanted { width:100%; }



.headingpadding {padding-left:10px; padding-right:10px;}



}







 @media (max-width:920px)



{



.menu {padding:7px;}



}











 @media (max-width:850px)



{



.menu {display:block; background:transparent;}



#navbtn {display:block !important;}



.navcontainer {display:none; position:absolute; width:100%; z-index:99; background-color:#0d0c12; opacity:0.9;}



.container-main {height:250px;     z-index: -1;}



.container-about {height:250px;     z-index: -1;}


.container-camera-mapping{height: 250px; z-index: -1;}


.container-service {height:250px;     z-index: -1;}



.container-prevent { height:250px;     z-index: -1; }



.container-gallery { height:250px;     z-index: -1; }



.container-partners { height:250px;     z-index: -1; }



.container-report { height:250px;     z-index: -1;}



.container-contact { height:250px;     z-index: -1; border-bottom:1px solid #c7b299; background:url(http://www.aylmerpolice.com/images/map.jpg) no-repeat top center fixed; margin:0px;}



.container-events {height:250px;     z-index: -1; }



.container-job { height:250px;     z-index: -1; }



.container-law { height:250px;     z-index: -1; }



.container-minutes {height:250px;     z-index: -1; }



.container-wanted { height:250px;     z-index: -1; }



.container-top {height:250px;    z-index: -1; }



.topmap {display:none;}



.overlay {display:none;}



}























 @media (max-width:750px)



{



header .logo {



    width:100%; height:auto;



}







}







 @media (max-width:650px)



{



.cell-1-2 {width:100%;     box-sizing: border-box; }



.cell-1-4 { width:49%; box-sizing: border-box;  }



.cell-1-3 { width:100%; box-sizing: border-box; }







.cell-2-3 { width:100%; box-sizing: border-box; }



.eventscontainer ul li { width:90% !important;}











.overlay2 {



background:transparent;



position:relative;



width:100%;



height:480px;/* your iframe height */



top:480px;  /* your iframe height */



margin-top:-480px; /* your iframe height */



z-index: 999999999;



}



.container-main {height:auto;}



.container-about {height:auto;}


.container-camera-mapping{height:auto;}


.container-service {height:auto;}



.container-prevent { height:auto;}



.container-gallery { height:auto; }



.container-partners { height:auto;}



.container-report { height:auto;}



.container-contact { height:auto;}



.container-events {height:auto; }



.container-job { height:auto; }



.container-law { height:auto; }



.container-minutes {height:auto; }



.container-wanted { height:auto; }



.container-top {height:auto;}



nav {margin-top: 0px; margin-bottom: 0px;    }







.footer1 {float:none !important; text-align:center !important; margin:auto !important;}



.footer2 {float:none !important; text-align:center !important; margin:auto !important;}



.footercell {float:none !important; text-align:center !important; margin:auto !important;}



.footersocial .blue { text-align:right !important;}



}











@media (max-width:450px)



{



h1 { font-size:44px; }



h2 { font-size:40px; }



.cell-1-4 { width:100%; box-sizing: border-box;  }











.footercell {float:none !important; text-align:center !important; margin:auto !important;}



.footeraddress p {text-align:center !important;}



.footersocial .blue { text-align:center !important;}







.chiefdiv {text-align:center;}



}







@media (max-width:400px)



{



.fb-page iframe {width:100%;}



}











@media (max-width:350px)



{



.fb-page span {width:300px;}



}