/*
Theme Name: Customizr Child
Theme URI: http://s650921290.websitehome.co.uk/pjcweb/pjc_wp/
Description: Customizr Child Theme
Author: Mi Team
Author URI: http://www.microideology.co.uk 
Template:     customizr
Version: 1.0.0
*/

@import url("../customizr/style.css");
@import url('https://fonts.googleapis.com/css?family=Allura');

/* Theme customization starts here - add amended code below here v-------------------------------------------------------------- */
/*START Custom Font style*/
.center{
  text-align:center;
}
/*END Custom Font style*/
.allora{
  font-family: 'Allura', cursive;  
  color: LightSalmon;
  font-size: 160%;
}
/*START Custom Positioning style*/
.center{
  text-align:center;
}
/*END Custom Positioning style*/

/* START box styles */
#contactfancyBox{
  display: block;
  padding:10px;
  margin-left: auto;
  margin-right: auto;
  width:80%;
  border: 3px solid #73AD21; 
  background-color:PeachPuff;
  border-bottom-left-radius:1em; 
  border-bottom-right-radius:1em; 
  border-top-left-radius:1em; 
  border-top-right-radius:1em;
}

.fancyBox{
  display: inline-block;
  margin: 10px;
  padding:10px;
  border: 3px solid #73AD21; 
  background-color:PeachPuff;
  border-bottom-left-radius:1em; 
  border-bottom-right-radius:1em; 
  border-top-left-radius:1em; 
  border-top-right-radius:1em;
}

.stdBox{
  display: inline-block;
  margin: 10px;
  padding:10px;
  border: 3px solid #73AD21; 
  background-color:PowderBlue;
  border-bottom-left-radius:1em; 
  border-bottom-right-radius:1em; 
  border-top-left-radius:1em; 
  border-top-right-radius:1em;
}

/* END box style */

/* ----START CONTACT BOX STYLE---- courtesy https://contactform7.com/styling-contact-form/ /
.wpcf7-form { 
	background:#dcc8a5; 
	padding:20px; 
	border:2px solid #f6efdf; 
	margin-bottom:30px; 
	border-radius:7px; 
}
 
.wpcf7-form input { 
	background:#f6efdf; 
	padding:5px 7px; 
	border:3px solid #ccb58c; 
	margin-bottom:8px; 
	border-radius:7px;
}
 
.wpcf7-form textarea { 
	background:#f6efdf; 
	padding:5px 0px 5px 7px; 
	border:3px solid #ccb58c; 
	border-radius:7px;
}
 
.wpcf7-form p { 
	color:#4f2a0f; 
	margin-top:10px; 
}
 
.wpcf7-form .wpcf7-submit { 
	background:#4f2a0f; 
	cursor:pointer; 
	padding-left:15px; 
	padding-right:15px; 
	color:#fff; 
	border-radius:7px;
}
/* ----END CONTACT BOX STYLE---- */

/* START OF Change Customizr Background to Texture or Image  
http://presscustomizr.com/snippet/change-customizr-background-to-texture-or-image/*/
footer#footer .colophon {
/* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
background: url(/wp-content/uploads/2016/12/footer_scenery.jpg)no-repeat;
height:400px;
background-size: cover;
 /* */
}
/* END OF Change Customizr Background to Texture or Image  */

/*---Start Mi footer style---/
#divtrans{width:200px;height:35px;background:red;opacity:0.5;font-size:10px;border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;  /* Safari / opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier /}
#divtrans:hover{background:green;width:200px; height:35px;font-size:18px;}
#mi{color:white; font-weight:bold;}
#id{color:black;font-weight:bold;}
a.miTag:link,a.miTag:visited,a.miTag:hover,a.miTag:active{text-decoration:none;}
/*---End Mi footer style---*/

/* --- start Custom Footer Style --- */
/* --- start Mi footer --- */
.site-info{
	width: 100%;
}
footer#footer #legal{
	color:white;
  font-size:17px;
}
.miTag{
	
}
#miLogo{
	display:inline-block;
	text-align:center;
	width: 130px;
	background:red;
	font-size:14px;
	border-radius: 0.5em;
	padding:2px 5px;
  -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
  transition: background 2s;
}
#miLogo:hover{background: rgb(68,157,68); text-transform:uppercase; box-shadow: 1px 1px grey;}
#mi{color:white; font-weight:normal;}
#id{color:black;font-weight:normal;}
a.miTag:link,a.miTag:visited,a.miTag:hover,a.miTag:active{text-decoration:none; box-shadow:none; -webkit-box-shadow:none;}
/* --- end Mi footer --- */
/* --- end Custom Footer Style --- */

/*==== begin image tiles ====*/
img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.corners{ 
  border-bottom-left-radius:1em; 
  border-bottom-right-radius:1em; 
  border-top-left-radius:1em; 
  border-top-right-radius:1em;
}
img.opacl{
  opacity:0.6; filter:alpha(opacity=40);
}
img.opacl:hover{
  opacity:1.0; filter:alpha(opacity=100); 
}
/*==== end image tiles ====*/

/* original customizr code below here - when editing the below code comment it out below and add the amended code above ^ ----------- */



/**
* The styleheets of Customizr are located in inc/assets/css. Each skin has its own stylesheet : blue.css, green.css, ...
* The current stylesheet is loaded after the main skin stylesheet.
*
* IMPORTANT : If you write your CSS code below, it will be deleted when you'll update the theme.
* If you want to make quick style test / changes, consider using the Custom CSS section in appearance > customize > advanced options > Custom CSS, it will persist on update since it is saved in your database.
* To make important CSS customizations, you'll want to use a child theme and add your css code in the style.css file of it.
*/