/*
Theme Name: Ana-Mari Crotty Makeup v2.0
Theme URI: http://madebyfirefly.com
Description: Website for anamaricrottymakeup.ie
Author: Rachel Morgensen
Author URI: http://madebyfirefly.com
.
This theme can not be used for commercial or non-commercial use
and may not be redistributed or resold in any way.
.
*/

@font-face {
    font-family: 'danielbold';
    src: url('fonts/danielbd-webfont.eot');
    src: url('fonts/danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/danielbd-webfont.woff') format('woff'),
         url('fonts/danielbd-webfont.ttf') format('truetype'),
         url('fonts/danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
header, section, aside, nav, article, figure, main {
	display: block;
	width: 1000px;
	margin: 0 auto;
	font-family: 'Source Sans Pro', sans-serif;
}
footer {
	width: 100%;
	diplay: block;
}
p {
	font-weight: 100;
	text-align: justify;
}
@media only screen and (max-width: 750px), (max-device-width: 775px) {
	
}
img, object, embed {
	max-width: 100%;
}
.ie7 img {-ms-interpolation-mode: bicubic;}/* scale images in IE7 more attractively */


ul {list-style: none;}

a {
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;
	text-decoration:none;

}
a:hover, a:active {outline: none;}

a:selection, a:-moz-selection {
	color: #F4BED1;
}
small {font-size: 85%;}
strong{font-weight: bold;}

button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
 
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

.wrap {
	width: 1100px;
	margin: 0 auto;
	height: auto;
}
.pad-lr-50 {
	padding: 0 50px;
}
	
.alignleft {
	padding-right:20px;
}
.alignright {
	float: right;
}
/* ------------------------------------------ */

header {
	height: 420px;
}
#full-w-line {
	position: relative;
	top: 230px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
#logo {
	position: relative;
	top: -50px;
	z-index: 100;
	width: 298px;
	float: left;
	border: 1px solid #ccc;
}
#social-top {
	width: 700px;
	height: 30px;
	margin: 0 auto;
	text-align: right;
	padding-bottom: 145px;
	float: right;
}
#twitter, #pintrest, #instagram, #facebook {
	width: 25px;	
	height: 25px;
	float: right;
	margin: 5px 2px 0 0;
}
#twitter {
	background: url(images/AMC-twitter.png) bottom no-repeat transparent;
}
#twitter:hover {
	background: url(images/AMC-twitter.png) top no-repeat transparent;
}
#pintrest {
	background: url(images/AMC-pintrest.png) bottom no-repeat transparent;
}
#pintrest:hover {
	background: url(images/AMC-pintrest.png) top no-repeat transparent;
}
#instagram {
	background: url(images/AMC-instagram.png) bottom no-repeat transparent;
}
#instagram:hover {
	background: url(images/AMC-instagram.png) top no-repeat transparent;
}
#facebook {
	background: url(images/AMC-facebook.png) bottom no-repeat transparent;
}
#facebook:hover {
	background: url(images/AMC-facebook.png) top no-repeat transparent;
}
nav {
	text-align: right;
	float: right;
	width: 700px;
}
ul {
	padding: 5px 0;
}
li {
	display: inline-block;
}
.link {
	font-size: 29px;
}
.link a {
	color: #4c4c4c;
	font-weight: 400;
}
.link a:hover {
	color: #F4BED1;
}
a.pink {
	color: #F4BED1;
}
@media only screen and (max-width: 750px), (max-device-width: 775px) {
	.link a {
	color: #8e8e8e;
}
.link a:hover {
	color: #8e8e8e;
}
}
.bull {
	width: 45px;
	height: 20px;
	background: url(images/bullet.png) center no-repeat;
}
.page-intro {
	width: 670px;
	float: right;
	height: 110px;
	margin-top: 30px;
}
.page-intro p {
	font-size: 16px;
	line-height: 22px;
	#4c4c4c
}

#home {
	/*margin-bottom: 130px;*/
}
.home-featured-post, .title-overlay, .more-overlay {
	width: 235px;
	height: 285px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}
.blog-featured-post, .big-overlay {
	width: 1000px;
	height: 667px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}
.home-featured-post:nth-child(4n+4) {
	margin-right: 0;
}
.home-featured-post.four-only:nth-child(4n+4) {
	margin-right: 20px;
}
.home-featured-post.four-only:last-child {
	margin-right: 0;
}

.more-overlay {
	background: url(images/view-more.png) top transparent;
	opacity: 0;
	position: relative;
	z-index: 100;
	top: -289px;
	transition: 400ms linear;
	-webkit-transition: 400ms linear;
	-moz-transition: 400ms linear;
}
.more-overlay:hover {
	opacity: 1;
}
.big-overlay {
	background: url(images/big-overlay.png) top transparent;
	opacity: 0;
	position: relative;
	z-index: 100;
	top: -671px;
	transition: 400ms linear;
	-webkit-transition: 400ms linear;
	-moz-transition: 400ms linear;
}
.big-overlay:hover {
	opacity: 1;
}
.home-featured-post h1 {
	font-weight: 600;
}
.home-featured-post h2 {
	color: #f4bed1;
	font-weight: 100;
	font-size: 16px;
}


footer {
	position: relative;
	top: -90px; /*-240px;*/
	z-index: 1;
}
.cta-badge {
	position: relative;
	top: 60px; /*-100px;*/
	z-index: 100;
	text-align: center;
}
.footer-contact {
	background-color: #E9E9E9;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 550px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #666;
}
.contact-form {
	width: 1000px;
	margin: 160px auto 0;
	height: 340px;
}
.footer-bottom p {
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	color: #ccc;
	margin-top: 25px;
}
.footer-bottom .pad-lr-50 a {
	color: #ccc;
}
/* ============ contact form - copied from old site ============== */

.split_text {
	width: 480px;
	float: left;
	margin-right: 40px;
	text-align:justify;
}
#form_right {
	margin-right: 0;
}
#form_left {
	margin-top: 5px;
}
#error {
	margin-bottom: 50px;
	}
#wpcf7-f4-o1 {
	margin-top: 15px;
}
#wpcf7-f4-o1 p {
	margin-top: 10px;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
	width: 468px;
	height: 35px;
	border: 1px solid #ccc;
	padding: 3px 5px 3px 10px;
	background-color: #f4f4f4;
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
}
textarea {
	width: 468px;
	height: 167px;
	border: 1px solid #ccc;
	padding: 3px 5px;
	background-color: #f4f4f4;
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
}
#wpcf7-f4-o1 input[type="submit"], #wpcf7-f4-o1 #send_button {
	width: 100px;
	padding: 10px;
	background-color: #b7b7b7;
	border: 0;
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
	cursor: pointer;
}
#wpcf7-f4-o1 input[type="submit"]:active, #wpcf7-f4-o1 #send_button:active, #wpcf7-f4-o1 input[type="submit"]:focus, #wpcf7-f4-o1 #send_button:focus {
	background-color: #a3a3a3;
}
#wpcf7-f4-o1 .wpcf7-validation-errors {
	background-color: #ffd070;
	border: 0;
	float: right;
	height: 40px;
	width: 462px;
	color: #fff; /*#b3ada1;*/
}
#wpcf7-f4-o1 .wpcf7-response-output {
	margin: 13px 0 0 0;
	padding: 8px;
}
#wpcf7-f4-o1 .wpcf7-not-valid-tip {
	top: 1px;
	left: 1%;
	border: 0;
	color: #ffa900;
	width: 464px;
	font-size: 80%;
}
#form_right .wpcf7-not-valid-tip {
	left: 0;
	width: 400px;
	top: 1px;
	border: 0;
	color: #ffa900;
}
#wpcf7-f4-o1 div.wpcf7-mail-sent-ok {
	background-color: #7acf00;
	border: 0;
	float: right;
	height: 40px;
	width: 462px;
	color: #fff; /*#b3ada1;*/
}

#wpcf7-f4-o1 div.wpcf7-mail-sent-ng {
	background-color: #ffd070;
	border: 0;
	float: right;
	height: 40px;
	width: 462px;
	color: #fff; /*#b3ada1;*/
}

#wpcf7-f4-o1 div.wpcf7-spam-blocked {
	background-color: #ffd070;
	border: 0;
	float: right;
	height: 40px;
	width: 462px;
	color: #fff; /*#b3ada1;*/
}
/* =================================== */

#social {
	text-align: center;
	margin-top: 15px;
	height: 20px;
}

#twitter-widget-0 {
}
#twt {
	display: inline-block;
	margin-left: 10px;
}
.fb_iframe_widget {
	vertical-align: top;
	display: inline !important;
}
.fb_iframe_widget_fluid span, .fb_iframe_widget span {
	vertical-align: top !important;
}
.two-columns {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	column-gap: 25px;
	-webkit-column-gap: 25px;
	-moz-column-gap: 25px;
}
.main-content p {
	margin: 0 0 15px 0;
}
.page img {
	margin-bottom: 15px;
}
.view-more {
	margin-top: 40px;
}
.half-view-more {
	width: 440px;
	margin-right: 36px;
	height: 410px;
	border: 1px solid #ccc;
	float: left;
	padding: 20px;
}
.half-contact {
	width: 440px;
	margin-right: 36px;
	height: 240px;
	float: left;
	padding: 20px;
}
.half-view-more:last-child, .half-contact:last-child {
	margin-right: 0;
}
.half-view-more h3 {
	font-size: 29px;
	text-align: center;
	color: #4c4c4c;
	font-weight: 400;
}
.half-view-more blockquote {
	width: 440px;
	padding: 20px 0 0 0;
	font-weight: 100;
	min-height: 70px;
	text-align: justify;
	clear: both;
}
blockquote:before {
	content: url(images/quotes.png);
	float: left;
}
.half-view-more blockquote p {
	margin-bottom: 5px;
}
.half-view-more blockquote small {
	float: right;
	font-weight: 600;
	padding-top: 3px;
}
.half-view-more blockquote small::before {
	content: "~"
}
.half-view-more .blog-thumb {
	height: 158px;	
	margin: 20px 18px 0 5px;
	width: 130px;
	float: left;
	overflow: hidden;
}
.half-view-more .blog-thumb:nth-child(3n-5) {
	margin: 20px 0 0 0;
}
a.more-overlay-sml {
	background: url(images/view-more-sml.png) top transparent;
	height: 158px;
	width: 130px;
	float: left;
	opacity: 0;
	position: relative;
	z-index: 100;
	top: -162px;
	transition: 400ms linear;
	-webkit-transition: 400ms linear;
	-moz-transition: 400ms linear;
}
a.more-overlay-sml:hover {
	opacity: 1;
}
#big-top-post a, #big-top-post h1, .single h1, .more-posts h2 {
	font-size: 29px;
	color: #4c4c4c;
	font-weight: 400;
	text-transform: uppercase;	
}
#big-top-post h1, .single h1 {
	margin-top: 8px;
}
#big-top-post a:hover {
	color: #F4BED1;
}
#all-posts, .more-posts {
	margin-top: 40px;
}
.single {
	margin-bottom: 40px;
}
.single p {
	margin: 0 0 15px 0;
}
.more-posts h2 {
	margin-bottom: 10px;
	text-align: center;
}
.full-line {
	border-top: 1px solid #ccc;
}
.back-blog {
	width: 450px;
	height: 27px;
	float: left;
	font-size: 18px;
	padding-top: 3px;
}
.back-blog a {
	color: #F4BED1;
}
.circle-div {
	margin: 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #F4BED1;
}
.short-circle {
	width: 100px;
	float: left
}
.next-post {
	width: 450px;
	height: 27px;
	float: right;
	font-size: 18px;
	padding-top: 3px;
}
.next-post p {
	text-align: right;
	font-weight: 400;
	color: #F4BED1;
}
.next-post a {
	color: #F4BED1;
}
#contact-info {
	text-align: center;
}
#contact-info li {
	font-weight: 100;
	font-size: 20px;	
}
#contact-info li span {
	font-weight: 400;
	text-transform: uppercase;
}
.bull-sml {
	background-color: #F4BED1;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin: 0 10px;
}
#contact-info li a {
	color: #000;
}
#contact-info li a:hover {
	text-decoration: underline;
}
.linksalpha_button.linksalpha_link {
	display: none !important;
}
div.mr_social_sharing_wrapper {
	text-align: center;
	margin-top: 20px !important;
}
iframe#twitter-widget-0 {
	min-width: 90px !important;
}
.single a {
	color: #000;
	text-decoration: underline;
}
.single a:hover {
	color: #F4BED1;
}