/*
Theme Name: Unite Child Theme
Theme URI: http://colorlib.com/wp/unite
Author: Todd Broadbent
Author URI: http://colorlib.com/wp/
Description: Unite is a clean, modern and fully responsive WordPress wedding theme built using Bootstrap 3 which makes it optimized for tablets and mobile. It is a highly customizable eCommerce theme with unlimited color variations that can be tweaked via simple yet powerful Theme Options. Theme has a built-in Popular Posts Widget, Infinite Scroll (powered by Jatpack) and translation support. It's now available in German and French. Theme features fancy image slider, SEO friendly structure, logo support, social links and widgetized homepage.  This theme was built to be used for wedding related websites but can be tweaked to be used as any other image-centric blog such as travel. Unite theme now supports WooCommerce to create your own eStore.
Template:       unite
Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

html {
	font-size: 18px;
}
body {
	font-family: "jaf-bernina-sans",sans-serif;
	font-size: inherit;
}
.clr {
	clear: both;
}
.site {
	background-color: transparent;
}
.site-branding .site-title a {
	color: #e774ed;
	padding-left:0;
}
.site-header {
	margin-left: 0;
	padding-left: 0;
}
.site-title {
	font-family: "le-monde-livre-classic-std-s",sans-serif;
    font-size: 1.5rem;
	color: #e774ed;
}
.site-info {
	color: #fff;
}
.site-info a{
	color: #fff;
}
.site-info a:hover {
    color: #10F714;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
	background-color: #ea02d7;
    color: #10F714;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: #ea02d7;
	color:#fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #ea02d7;
    color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background-color: #e774ed;
    color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #ea02d7;
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "karmina", serif;
	font-weight: bold;
}
.btn {
	background-color: #e774ed;
	margin: 1.25rem 0;
	padding: .75rem;
	color: #fff;
	font-size: 1rem;
}
.btn:focus,
.btn:hover {
	background-color: #ea02d7;
	color: #10F714;
}
.page-header {
	border-bottom: none;
}
.pink-type {
	color:#e774ed;
}

.footer-nav.nav > li > a:hover,
.footer-nav.nav > li > a:focus,{
	background-color: #ea02d7;
	padding: .5rem;
}
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 960 Grid
================================================== */

    .content { width:960px;}

    .container                                  { position: relative; width: 940px; margin: 0 auto; padding: 0px ; }
    .column, .columns                           { float: left; display: inline; }

    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 260px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; } */

     .container                                  { width: 960px;
                                                   display:flex;
                                                   flex-wrap:wrap;
     } /*whatever you want - can even be fixed if you prefer*/
        .container .column,
        .container .columns                         { padding: 0px 0px;  }
        .container .column-nopadding,
        .container .columns-nopadding               { float: left; display: inline; padding: 0px;  } /*added for no padding */
        .container .one.column,
        .container .one.columns                     { width: 4.6875%; }
        .container .two.columns                     { width: 10.9375%; }
        .container .three.columns                   { width: 17.1875%; }
        .container .four.columns                    { width: 23.4375%; }
        .container .five.columns                    {width:calc(33% - 0.5em);margin-left:8px;}/*{ width: 33.3%; padding-left: 8px;}*/
        .container .six.columns                     { width: 35.9375%; }
        .container .seven.columns                   { width: 42.1875%; }
        .container .eight.columns                   { width: 48.4375%; }
        .container .nine.columns                    { width: 54.6875%; }
        .container .ten.columns                     { width: 60.9375%; }
        .container .eleven.columns                  { width: 67.1875%; }
        .container .twelve.columns                  { width: 73.4375%; }
        .container .thirteen.columns                { width: 79.6875%; }
        .container .fourteen.columns                { width: 85.9375%; }
        .container .fifteen.columns                 { width: 92.1875%; }
        .container .sixteen.columns                 { width: 98.4375%; }
        .container .one-third.column                { width: 31.7708%; }
        .container .two-thirds.column               { width: 65.1041%; }



    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

h3.heading-text {
      position:relative;
      top:60px;
      padding-bottom:60px;
      line-height: 26px;
      padding-left: 15px;
        }


/* sandbox */

.postBoxtext1, .postBoxtext2 {
  height: 125px;
}

.postBoxclm1-1 {
  height: 200px;
}

.postBoximgcontainer {
 /* height: 200px; */
}

.postBoxclm1-2 {
  height: 325px;
}

.postBoximgcontainer img {
  height: auto;
}


/* end sandbox */

.postBox1 p {
  padding:15px;
  height:300px;
  background-color:#94c1db;
}

.postBox2 p {
    margin:0px;
    padding:15px;
    background-color:#FFE183;
}
.postBox2 ul {
    padding-bottom: 20px;
    padding: 15px;
    background-color:#FFE183;
    }

.head2 {
   width: 77%;
}



    /* Design for the large screen */
    @media only screen and (min-width: 959px) {
    	.container .column,
    	.container .columns                         { padding: 0px 0px;  }
        .boxFixedH { height:175px;}
    }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .content { width: 768px; }
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }


        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }

        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }

        .gridspace                                  { margin-left: 15px;}   /* Spaces and centers grid boxes on homepage */


        .header-text                                { width:264px !important; } /* takes over the eight property of the CMIL heading text for ipads */


        h3.heading-text {
          position:relative;
          top:35px;
          padding-bottom:35px;
          line-height: 26px;
          padding-left: 8px;
            }

/* sandbox */

.postBoxtext1, .postBoxtext2 {
  height: auto;
}

.postBoxclm1-1 {
  height: 310px;
}

.postBoximgcontainer, .postBoximgcontainer img, .postBoxclm1-2 {
  height: auto;
}

.fixedh, .fixedh img, .postBoxclm1-2 {
  height: 150px;
}
.boxFixedH { height:225px;}
/* end sandbox */



.head2 {
    width: 73%;
}



            }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

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

        .content { width: auto; }
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        /* .container .five.columns, */
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        .container .five.columns { width: 100%; padding: 0px;}



        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }


        h3.heading-text {
              position:relative;
              top:0px;
              padding-bottom:10px;
              line-height: 26px;
              padding-left: 0px;
                }
        .postBox2 { height: auto;}

       /* Float menu left now*/

       .menu ul {float:left;}

       /* Hides the description when on smaller screens */
       .rs-excerpt { display:none; }
       .boxFixedH { height:230px; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 480px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 220px;
                                        margin-left:10px }/*gao adde*/
        .gridspace                    { padding-left: 0px;}   /* Spaces and centers grid boxes on homepage */

        /* Float menu left now*/

       .menu ul {float:left;}
        h3.heading-text {
              position:relative;
              top:0px;
              padding-bottom:10px;
              line-height: 26px;
              padding-left: 0px;
                }
    }
@media only screen and (max-width: 479px) {
       .boxFixedH { height:175px; }
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

    /* Use for fixing containers */
    .no-margin {
        margin-left:0px;
        margin-right:0px;
    }

    .no-padding{
        padding:0px;
    }

/** Section for styles not related to responsiveness but for a portfolio*/
/* some more styling. This could be put in style.css */
.postBoximgcontainer {
    background-color: #FFF;
    height: auto;
    border: 1px solid #C19911;
    border-top: 0px;
    border-bottom: 0px;
}
.postBoximgcontainer img {
    width: 100%;
    padding: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.postBoxtext2 {
    background-color: #FFE95B;
}
.postBoxtext1, .postBoxtext2 {
    padding: 10px;
    overflow: hidden;
    border: 1px solid #C19911;
    border-top: 0px;
}
.postBoxtext1, .postBoxtext2, .postBoxclm1-1, .postBoxclm1-2 {
    position: relative;
}
.postBoxtext1 {
   /* background-color: rgb(176,236,197);*/
    background-color:rgb(231,116,237);
}
.postBoxtext1 a, .postBoxtext2 a, .postBoxtext1 a:visited, .postBoxtex2 a:visited{
    color: #1866a4;
    text-decoration: none;
    outline: 0;
}

/*Ruler. This could be put in style.css*/
.half-bottom {
    margin-bottom: 0px !important;
}
hr {
    border: none;
    clear: both;
    margin: 10px 0 30px;
    height: 10px;
    background-color: rgba(183,141,30,0.92);
    
}

.postBoxtext1 h4,  .postBoxtext2 h4 {
     font-size: 20px;
}
.the-excerpt p {
    color:#2D2626;
}
/*the pager*/
ul.page-numbers li {
    display: inline;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 1px;
}

/** End portfolio styling */