/*
Theme Name: Grant Decor
Theme URI: https://jconnorgraphics.co.uk
Author: Joseph Connor
Description: A simple wordpress theme for Grant Decor.
Version: 1.0
*/


/* Clear--------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Center main areas ------------------------*/

.html {


}

.contentbackground {
	min-width: 350px;
width:100%;
background: url("images/newyork2.jpg") no-repeat;
background-color:rgb(86,37,116);
background-size:100%;
}

.contentwrap {
max-width: 1080px;
margin: 0 auto;
background-color: white;
z-index:-6;

-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.6);
box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.6);
}

/* Mobile--------------------- */

                  @media only screen and (max-width: 600px)  {

                  							#blockone, #blocktwo, #blockthree, #blockfour, #blockfive, footer  {
                  											padding:2em;

                  							}

                  								/* Typography ------------------------- */

                  							body {
                  											font-family: 'Lato', helvetica, arial, sans-serif;
                  											font-weight: 500;
                  							}

                  							h1 {
                  											font-weight: 700;
                  											font-size: 1.6em;
                  											line-height: 1.4em;
                  							}

                                h2 {
                  											font-weight: 700;
                  											font-size: 1.3em;
                  											line-height: 1.4em;
                  							}

                                h3 {
                                        font-weight: 700;
                                        font-size: 1.3em;
                                        line-height: 1.4em;
                                }

                                h4 {
                                        font-weight: 700;
                                        font-size: 1.2em;
                                        line-height: 1.4em;
                                }

                                h5 {
                                        font-weight: 700;
                                        font-size: 1.2em;
                                        line-height: 1.4em;
                                }

                                h6 {
                                        font-weight: 700;
                                        font-size: 1.1em;
                                        line-height: 1.4em;
                                }


                  							p {
                  											font-size: 1.1em;
                  											line-height: 1.4em;
                  											padding-bottom:.6em;
                  							}


                  							#blockone, #blocktwo, #blockthree, #blockfour, #blockfive {
                  							text-align:center;

                  							}

                  								.wpcf7-form {
                  											margin: 20px;
                  							}


                  								.columnone {
                  							padding-bottom:0.5em;
                  							}

                  							#blockone .logo {
                  											width:100%;
                  							}


                  						  .blockthreelogo {
                  										 	width:100%;

                  							}

                  							.wpcf7-submit {
                  											background: rgb(86,37,116);
                  											color: white;
                  											font-size: 1.2em;
                  											width: 100%;
                  											height: 50px;
                  											border: 4px solid rgb(232,227,240);
                  											text-align:center;
                  											margin-left: 3px;
                  							}

                  							.wpcf7-submit:hover {
                  											background: rgb(86,37,116);
                  											color: white;
                  											font-size: 1.2em;
                  											width: 100%;
                  											height: 50px;
                  											border: 4px solid rgb(186,137,216);
                  											text-align:center;
                  							}

                  							.blockthreelogo {

                  							}

                  							.blockthreelogo img {
                  								width: 100%;
                  							}

                  							.blockthreelogo h1, {

                  								padding-bottom: 20px;
                  							}

                  							.bigsplash {
                  							padding-top:1em;

                  							}

                                .robopad {
                                			padding-left:13px;
                                }

                                .button {
                                  margin-top: 20px;
                                          margin-bottom: 20px;
                                }


                  }


/* Full Screen--------------------- */

        @media (min-width: 600px) {

        						#blockone, #blocktwo, #blockthree, #blockfour, #blockfive, footer  {
        						padding:30px 80px;
        			}


        			/* Typography ------------------------- */

        			body {
        						font-family: 'Lato', arial, sans-serif !important;
        						font-weight:500;
        			}

        			h1 {
        						font-weight: 700;
        						font-size: 2.5em;
        						line-height:1.4em;
        						padding-bottom:.2em;
        			}

              h2 {
        						font-weight: 700;
        						font-size: 1.8em;
        						line-height:1.4em;
        						padding-bottom:.2em;
        			}

              h3 {
                    font-weight: 700;
                    font-size: 1.7em;
                    line-height:1.4em;
                    padding-bottom:.2em;
              }


              h4 {
                    font-weight: 700;
                    font-size: 1.6em;
                    line-height:1.4em;
                    padding-bottom:.2em;
              }


              h5 {
                    font-weight: 700;
                    font-size: 1.5em;
                    line-height:1.4em;
                    padding-bottom:.2em;
              }


              h6 {
                    font-weight: 700;
                    font-size: 1.4em;
                    line-height:1.4em;
                    padding-bottom:.2em;
              }



        			p {
        						font-size: 1.2em;
        						line-height: 1.4em;
        						padding-bottom:.7em;
        			}

        			.wpcf7-form {
        						margin: 70px;
        			}

        			.footercolumns {
        						padding-bottom:40px;
        			}

        			.footercolumns .columnone {
        						float:left;
        						width:50%;
        			}
        			.footercolumns .columntwo {
        						float:right;
        						width:50%;
        						padding-left:0;
        			}

        			footer {
        						padding-bottom:0;
        			}

        			.clear {
        						clear:both;
        			}

        			#blockone .logo {
        						width:450px;
        			}

        			.blockthreelogo img {
        				max-width:450px;
        				min-width: 200px;
        				width:40vw;
        			}

        			.blockthreelogo {

        						margin-top:-30px;

        				    float:right;
        			      padding-left: 40px;
        			}

        			.wpcf7-submit {
        						background: rgb(86,37,116);
        						color: white;
        						font-size: 1.2em;
        						width: 200px;
        						height: 50px;
        						border: 4px solid rgb(232,227,240);
        			}

        			.wpcf7-submit:hover {
        						background: rgb(86,37,116);
        						color: white;
        						font-size: 1.2em;
        						width: 200px;
        						height: 50px;
        						border: 4px solid rgb(186,137,216);
        			}

              .button {
              	   margin-top: 10px;
                   margin-bottom: 20px;
              }




        }

/*  blocks ---------------------*/



#blockone {

color: rgb(86,37,116);
      text-align:center;
}



.button a{
      padding:.4em 1em .5em 1em;
      background-color: rgb(86,37,116);
      width: 30%;
      margin: 50px auto 0 auto;
      border-radius: 10px;
      border: 4px solid rgb(86,37,116);
      font-size: 1.3em;
      text-decoration: none;
      color:white;
}


.button a:hover  {
      background-color: white;
      padding:.4em 1em .5em 1em;
      width: 30%;
      margin: 50px auto 0 auto;
      border-radius: 10px;
      border: 4px solid rgb(86,37,116);;
      font-size: 1.3em;
      text-decoration: none;
      color:rgb(86,37,116);

}



#blocktwo {
			background-color:rgb(118,72,150);
			color:white;
}



#blockthree {
			background-color:rgb(86,37,116);
			color:rgb(86,37,116);
			background: url("images/splash.png") no-repeat bottom right;
}



#blockfour {
			background-color:rgb(118,72,150);
			color:white;
}



#blockfive {
			background: url("images/splash.png") no-repeat bottom right;
			color:rgb(86,37,116);

}



/*  Footer --------------------*/

footer {
			text-align: center;
			background-color:rgb(86,37,116);
			color:white;
}

footer p {
			padding:.1em;
}

.footercolumns h1 {
			padding-bottom: .5em;
}

footer a {
    font-family: 'Lato', helvetica, arial, sans-serif;
    color:white;
    text-decoration: none;
}

footer a:hover {
    font-family: 'Lato', helvetica, arial, sans-serif;
    color:yellow;
    text-decoration: none;
}

/*  jconnor footer --------------------*/

.jconnor {
    background-color:black;
    color:white;
    text-align:center;
    padding: 1em;
}

.jconnor a {
    font-family: 'Lato', helvetica, arial, sans-serif;
    font-weight:500;
    color:white;
    text-decoration:none;
    font-size:.8em;
}

.jconnor a:hover {
    font-family: 'Lato', helvetica, arial, sans-serif;
    font-weight:500;
    color:white;
    text-decoration:none;
    color:rgb(118,72,150);
}

.jconnor p {
    padding:0;
}

/* contact form 7 --------------------------

#wpcf7-f9-o1 {
} -----*/

.wpcf7 {
    background-color: rgb(118,72,150);
    border: 5px solid rgb(86,37,116);
    color: white;
    font-size: 1em;
    font-family: 'Lato', helvetica, arial, sans-serif;
    font-weight:500;
}

.wpcf7-textarea {
    width: 100%;
    height: 150px;
    color: black;
    font-size: 1em;
    margin-top: 5px;
}

.wpcf7-text {
    width: 100%;
    height: 30px;
    color: black;
    font-size: 1em;
    margin-top: 5px;
}
