/*
Theme Name: Leslie Lucchina
Theme URI: http://leslielucchina.com/
Author: the WordPress team
Author URI: http://stephensimon.com/
Description: Landing page for Dr. Lucchina
Version: 1.0.2
Text Domain: leslie-lucchina
*/

/* ==========================================================================
   Normalize
   ========================================================================== */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

a {
	background-color: transparent;
}

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

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    background-color: #1f4b6e;
    color: #000;
    font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.primary-content a {
	text-decoration: none;
}

.link-text-decoration--none a,
.text-decoration--none {
	text-decoration: none;
}

.semibold {
	font-weight: 600;
}

.semibold em {
	font-weight: normal;
}

.bg--white {
	background-color: #ffffff;
}

.bg--pale-blue {
	background-color: #e6eff2;
}

.bg--light-blue {
	background-color: #23bed4;
}

.bg--mid-blue {
	background-color: #264f72;
}

.bg--dark-blue {
	background-color: #1b4260;
}

.bg--image-bg--dots {
	background: #fff url(../img/dot-bg.png) repeat;
}

.text-color--black,
.link-color--black a,
a.link-color--black {
	color: #000;
}

.text-color--light-gray,
.link-color--light-gray a,
a.link-color--light-gray {
	color: #e6eff2;
}

.text-color--white,
.link-color--white a,
a.link-color--white {
	color: #fff;
}

.text-color--light-blue,
.link-color--light-blue a,
a.link-color--light-blue {
	color: #23bed4;
}

.boxed-heading {
	border: 3px solid #3788c8;
	color: #3788c8;
	font-size: 18px;
	margin-bottom: .5em;
	padding: 5px 10px;
}

.menu__item {
	margin-left: 10px;
	margin-right: 10px;
}

.menu__item a:hover,
.menu__item a:focus {
	text-decoration: underline;
}

.menu__item:first-child {
	margin-left: 0;
}

.menu__item:last-child {
	margin-right: 0;
}

.container {
	max-width: 1400px;
}

/**
 * Header
 */

.site-header {
	background: url(../img/bg.jpg) 50% no-repeat;
	background-size: cover;
	padding: 25px 15px;
}

.branding__logo {
	margin: 0 auto 23px;
}

.branding__tagline {
	margin: 0 auto 15px;
}

@media screen and (min-width: 581px) {
	.site-header__navigation {
		margin-top: 50px;
	}

}

.info-bar {
	padding-top: 15px;
	padding-bottom: 15px;
}

.info-bar--contact {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.3333;
}

.info-bar__col {
	padding: 15px;
	position: relative;
	min-height: 42px;
}

.info-bar__col--with-icon {
	padding-left: 55px;
}

.info-bar__col:before {
	background-color: #fff;
	bottom: 15px;
	left: -30px;
	height: 50px;
	position: absolute;
	top: 0;
	width: 1px;
}

.info-bar__col-icon {
	left: 0;
	position: absolute;
}

.info-bar--contact a {
	color: #fff;
}

/**
 * Content
 */

.section-about {
	line-height: 1.625
}

@media screen and (min-width: 920px) {
	.section-about {
		background: #fff url(../img/about-bg.jpg) 120% 0 no-repeat;
	}
}

@media screen and (min-width: 1024px) {
	.section-about {
		background-position: 100% -128px;
	}
}

.section-about a {
	color: inherit;
	text-decoration: none;
}

.section-about a:hover,
.section-about a:focus {
	text-decoration: underline;
}

.row__col--organization {
	height: 120px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.list-inline--organizations {
	margin-left: -15px;
}

.list-inline--organizations > .organizations__list-item {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (min-width: 920px) {
	.list-inline--organizations > .organizations__list-item {
		padding-left: 24px;
		padding-right: 24px;
	}
}

.section-location {
	background-image: url(../img/map.jpg);
	background-repeat: no-repeat;
}

.section-location__map {
	height: 300px;
}

.section-location__description {
	font-size: 15px;
}

@media screen and (min-width: 768px) {
	.section-location .section-location__map,
	.section-location .section-location__description {
		height: 396px;
	}
}

.arrow-container--location {
	font-size: 14px;
	margin-top: 60px;
	padding: 15px;
    width: 305px;
}

@media screen and (max-width: 581px) {
	.arrow-container--location {
		margin-left: auto;
		margin-right: auto;

	}
}

@media screen and (min-width: 582px) {
	.arrow-container--location {
		margin-top: 60px;
	    margin-left: 140px;
	}
}


/**
 * Footer
 */
.info-bar--legal {
	background-color: #1b4260;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.4285714286;
}

/**
 * Grid
 */
.row {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.row:after {
    content: " ";
    display: block;
    clear: both
}

.row--reversed > .row__col {
  float: right;
}

.row--collapsed > .row__col {
    padding: 0
}

.row--more-gutter > .row__col {
    padding: 0 20px;
}

.row--less-gutter > .row__col {
    padding: 0 10px;
}

.row--flex-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row--border-top:before {
	background-color: #e6eff2;
	content: "";
	display: block;
	height: 1px;
	margin: -15px auto 20px;
	width: 100%;
}

.row__col {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.row__col--border-bottom:after {
	background-color: #e6eff2;
	content: "";
	display: block;
	height: 1px;
	margin: 25px auto 20px;
	width: 100%;
}

.row__col--2 {
    width: 16.66667%
}

.row__col--3 {
    width: 25%
}

.row__col--4 {
    width: 33.33333%
}

.row__col--5 {
    width: 41.66666667%
}

.row__col--6 {
    width: 50%
}

.row__col--7 {
    width: 58.33333333%
}

.row__col--10 {
    width: 83.33333%;
}

.row__col--grow {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto
}

.row__col .row, .row__col .whr-items {
    margin: 0 -15px
}

.row__col .row--collapsed {
    margin: 0
}

.row__col .row--lessgutter {
    margin: 0 -5px
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.column-count--m--3 > li,
.column-count--l--2 > li,
.column-count--l--4 > li {
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid;           /* FF 20+ */
  break-inside: avoid-column;         /* IE 11 */
}

@media screen and (min-width: 581px) {
	.column-count--m--3 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media screen and (min-width: 768px) {
	.column-count--l--2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}

	.column-count--l--4 {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}

/**
 * Spacing
 */

.margin-top--zero {
	margin-top: 0;
}

.margin-bottom--zero {
	margin-bottom: 0;
}

/**
 * Arrow
 */

.arrow-container {
	position: relative;
	background: #ffffff;
	box-shadow: 1px 3px 4px #c2c2c2;
}

.arrow-container:after,
.arrow-container--shadow.arrow-container:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #ffffff;
	border-width: 26px;
	margin-left: -26px;
}

.arrow-container--shadow.arrow-container:before {
	border-top-color: #c2c2c2;
    left: 51.1%;
    border-width: 30px;
    margin-left: -33px;
    opacity: 0.6;
}

@media screen and (max-width: 581px) {
	.arrow-container--hide-at-small:before,
	.arrow-container--hide-at-small:after {
		content: none !important;
	}
}

/**
 * Lists
 */
.content-area ul {
	line-height: 1.75;
}

.content-area ul > li {
	line-height: 1.25;
	margin-bottom: 10px;
}

.list-unstyled {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list-inline {
	margin-left: -0.3125em;
	padding-left: 0;
	list-style: none;
}

.list-inline > li {
	display: inline-block;
	padding-left: .3125em;
	padding-right: .3125em;
}

/**
 * Text Alignment
 */
.text-align--right {
	text-align: right;
}

@media screen and (min-width: 581px) {
	.text-align--right--medium {
		text-align: right;
	}
}

.text-align--center {
	text-align: center;
}

.text-transform--uppercase {
    text-transform: uppercase;
}

/**
 * Tools
 */
.hidden {
    display: none !important;
}

.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.screen-reader-text.focusable:active,
.screen-reader-text.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.width--full {
    width: 100%;
}

.center-block {
    margin-left: auto;
    margin-right: auto;
}

.align-left {
	float: left;
	margin: 0.375em 1.25em 1.25em 0;
}

.align-right {
	float: right;
	margin: 0.375em 0 1.25em 1.25em;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/**
 * Display classes
 */
.display--none {
	display: none;
}
.display--block {
	display: block;
}
.display--inline-block {
	display: inline-block;
}


/* ==========================================================================
   Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   ========================================================================== */

.row__col--centered {
    float: none;
    margin: auto
}

@media screen and (min-width: 460px) {
    .row__col--s-8 {
        width: 66.66667%
    }

    .row__col--s-7 {
        width: 58.33333%
    }

    .row__col--s-6 {
        width: 50%
    }

    .row__col--s-5 {
        width: 41.66667%
    }

    .row__col--s-4 {
        width: 33.33333%
    }

    .row__col--s-3 {
        width: 25%
    }

    .row__col--s-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 460px) and (max-width: 580px) {
    .row__col--s-centered {
        float: none;
        margin: auto
    }

    .row__col--s-offset-1 {
        margin-left: 8.333333333%
    }

    .row__col--s-offset-2 {
        margin-left: 16.66666667%
    }

    .row__col--s-offset-3 {
        margin-left: 25%
    }

    .row__col--s-offset-4 {
        margin-left: 33.33333333%
    }
}

@media screen and (min-width: 581px) {
    .row__col--m-10 {
        width: 83.33333%
    }

    .row__col--m-9 {
        width: 75%
    }

    .row__col--m-8 {
        width: 66.66667%
    }

    .row__col--m-7 {
        width: 58.33333%
    }

    .row__col--m-6 {
        width: 50%
    }

    .row__col--m-5 {
        width: 41.66667%
    }

    .row__col--m-4 {
        width: 33.33333%
    }

    .row__col--m-3 {
        width: 25%
    }

    .row__col--m-2 {
        width: 16.66667%
    }

    .row__col--m-1 {
        width: 8.33333%
    }

    .row__col--m-1-of-10 {
        width: 10%
    }

    .row__col--m-3-of-15 {
        width: 20%
    }

    .row__col--m-fifth {
        width: 20%
    }

    .row__col--m-right {
        float: right
    }
}

@media screen and (min-width: 581px) and (max-width: 767px) {
    .row__col--m-centered {
        float: none;
        margin: auto
    }

    .row__col--m-offset-1 {
        margin-left: 8.333333333%
    }

    .row__col--m-offset-2 {
        margin-left: 16.66666667%
    }

    .row__col--m-offset-3 {
        margin-left: 25%
    }

    .row__col--m-offset-4 {
        margin-left: 33.33333333%
    }

    .row__col--m-6:nth-child(2n+1) {
	    clear: left;
    }
}

@media screen and (min-width: 768px) {
    .site-header {
		height: 320px;
		padding: 50px 15px 10px;
	}

    .row--l-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .row--l-flex .row__col {
        float: none;
        width: auto
    }

    .row__col--l-11 {
        width: 91.66667%
    }

    .row__col--l-10 {
        width: 83.33333%
    }

    .row__col--l-9 {
        width: 75%
    }

    .row__col--l-8 {
        width: 66.66667%
    }

    .row__col--l-7 {
        width: 58.33333%
    }

    .row__col--l-6 {
        width: 50%
    }

    .row__col--l-5 {
        width: 41.66667%
    }

    .row__col--l-4 {
        width: 33.33333%
    }

    .row__col--l-3 {
        width: 25%
    }

    .row__col--l-fifth {
        width: 20%
    }

    .row__col--l-2 {
        width: 16.66667%
    }

    .row__col--l-2-of-16 {
        width: 12.5%
    }

    .row__col--l-1-of-7 {
        width: 14.28571%
    }

    .row__col--l-1 {
        width: 8.33333%
    }

    .row__col--l-1-of-10 {
        width: 10%
    }

    .row__col--l-1-of-nine {
        width: 11.11111%
    }

    .row__col--l-2-of-nine {
        width: 22.22222%
    }

    .row__col--l-right {
        float: right
    }
}

@media screen and (min-width: 768px) and (max-width: 919px) {
    .row__col--l-centered {
        float: none;
        margin: auto
    }

    .row__col--l-offset-1 {
        margin-left: 8.333333333%
    }

    .row__col--l-offset-2 {
        margin-left: 16.66666667%
    }

    .row__col--l-offset-3 {
        margin-left: 25%
    }

    .row__col--l-offset-4 {
        margin-left: 33.33333333%
    }
}

@media screen and (min-width: 920px) {
    .row__col--xl-12 {
        width: 100%
    }

    .row__col--xl-10 {
        width: 83.33333%
    }

    .row__col--xl-9 {
        width: 75%
    }

    .row__col--xl-8 {
        width: 66.66667%
    }

    .row__col--xl-7 {
        width: 58.33333%
    }

    .row__col--xl-6 {
        width: 50%
    }

    .row__col--xl-5 {
        width: 41.66667%
    }

    .row__col--xl-4 {
        width: 33.33333%
    }

    .row__col--xl-3 {
        width: 25%
    }

    .row__col--xl-2 {
        width: 16.66667%
    }

    .row__col--xl-11-of-16 {
        width: 68.75%
    }

    .row__col--xl-5-of-16 {
        width: 31.25%
    }

    .row__col--xl-1-of-9 {
        width: 11.11111%
    }

    .row__col--xl-centered {
        float: none;
        margin: auto
    }

    .row__col--xl-offset-1 {
        margin-left: 8.333333333%
    }

    .row__col--xl-offset-2 {
        margin-left: 16.66666667%
    }

    .row__col--xl-offset-3 {
        margin-left: 25%
    }

    .row__col--xl-offset-4 {
        margin-left: 33.33333333%
    }
}

@media screen and (min-width: 1125px) {
	.info-bar__col {
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.info-bar__col--location {
		padding-left: 42px;
	}

	.info-bar__col--phone {
		padding-left: 52px;
	}

	.info-bar__col--fax {
		padding-left: 52px;
	}

	.info-bar__col--email {
		padding-left: 56px;
	}

	.info-bar--contact .info-bar__col:before {
		content: " ";
	}

	.info-bar--contact .row__col:first-child > .info-bar__col:before {
		content: none;
	}

	.info-bar__col-icon {
		bottom: 5px;
	}

	.row--xxl-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
	}

	.row__col--xxl-grow {
	    -webkit-box-flex: 2;
	    -webkit-flex: 2 0 auto;
	    -ms-flex: 2 0 auto;
	    flex: 2 0 auto
	}

	.row--xxl-flex .row__col {
        float: none;
        width: auto
    }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}