/*=========== ISX CSS ==========*/
input:focus {outline:none;}

/*=========== PRODUCT ==========*/
/*====== SIZE GUIDE =====*/
.size-guide-container {position:relative;}
.size-guide-container a {position:absolute; right:0; top:-20px; font-size:12px; text-decoration:underline;}

#size-guide {width:1000px;}
#size-guide .sg-sidebar {width:24%; float:left;}
#size-guide .sg-sidebar h5 {text-transform:initial; font-size:12px; margin-bottom:20px;}
#size-guide .sg-sidebar ul li {list-style-type:disc; margin-bottom:2px; letter-spacing:1px; font-size:12px;}
#size-guide .sg-sidebar ul li:hover {text-decoration:underline; cursor:pointer;}
#size-guide .sg-sidebar ul li:first-child {margin-bottom:15px; list-style-type:none;}
#size-guide .sg-sidebar p {width:90%; font-size:11px;}

#size-guide .sg-main {width:75%; float:left; height:550px; overflow-y:scroll;}
#size-guide .sg-main #main-title-changer {display:none; text-transform:initial; font-size:12px; margin-bottom:20px; text-decoration:underline; margin-bottom:0; margin-top:37px;}
#size-guide .sg-main .sg-opening {width:100%; height:550px; display:inline-flex;}
#size-guide .sg-main .sg-opening p {margin:auto; letter-spacing:1px; font-size:12px; max-width:50%; text-align:center;}
#size-guide .sg-main .sg-bra-options {display:none;}
#size-guide .sg-main .sg-rtw-options {display:none;}
#size-guide .sg-main .sg-bmg-options {}
#size-guide .sg-main .sg-bmg-options .p-container {margin-top:20px;}
#size-guide .sg-main .sg-bmg-options p {letter-spacing:1px; font-size:11px; max-width:80%; margin-bottom:15px;}

/*=========== COLLECTION ==========*/
.collection #breadcrumb {display:none;}
.collection .section-title {padding:13px 0 15px;}
.collection .section-title h1 {line-height:17px;}

/*=========== BLOG ==========*/
#ids-blog {}
#ids-blog .b-title-img {border-bottom:0; margin-bottom:0;}
#ids-blog .b-title-img img {width:100%; border:1px solid #f0f0f0;}

#ids-blog .b-menu {border-bottom:0;}
#ids-blog .b-menu ul {text-align:center;}
#ids-blog .b-menu ul li {display:inline-block; padding:0; margin:0; padding:0 25px; border-right:1px solid #000; line-height:12px;}
#ids-blog .b-menu ul li:last-child {border-right:0;}
#ids-blog .b-menu ul li a {font-weight:400; letter-spacing:0.6px; font-size:12px;}

#ids-blog .article-container {position:relative; margin-bottom:50px;}
#ids-blog .article-container .article-body {position:absolute; top:0; right:0; bottom:0; display:inline-flex; margin:0;}
#ids-blog .article-container .article-body-va {margin:auto 0;}

#ids-blog .article-content {margin:0;}
#ids-blog .article-content img {display:block; width:100%;}
#ids-blog .article-body {margin:10px 0;}
#ids-blog .article-body h3 {font-family:'Noticia Text', serif; font-style:italic; max-width:300px; font-size:24px; line-height:32px; text-align:left; text-transform:initial; margin-bottom:20px; min-height:64px;}
#ids-blog .article-body h6 {font-weight:700; font-size:11px; text-decoration:underline; letter-spacing:0.4px; margin-bottom:5px;}
#ids-blog .article-body .posted {font-size:11px; margin-bottom:25px; font-style:italic; color:#555;}
#ids-blog .article-body p {font-size:12px; line-height:26px; color:#555; margin-bottom:30px; min-height:78px; width:90%;}
#ids-blog .article-body .social i {font-size:18px;}
#ids-blog .article-body .social a {margin-left:5px; margin-right:15px; color:#000;}

#ids-blog .single-article.desktop-5 {margin-left:0; margin-right:2.0833333333333334%;}
#ids-blog .single-article {padding-bottom:0; margin-bottom:0;}

#ids-blog #blog-sidebar .bs-image {margin-bottom:30px;}
#ids-blog #blog-sidebar .bs-image img {width:100%; display:block;}
#ids-blog #blog-sidebar .bs-email {margin-bottom:30px;}
#ids-blog #blog-sidebar input#social-EMAIL {border:1px solid #555; width:70%; float:left; border-radius:0; font-size:12px; margin:0; text-transform:initial;}
#ids-blog #blog-sidebar input#social-subscribe {border:0; background:#000; border-radius:0; width:30%; float:left; margin:0; font-size:12px;}
#ids-blog #blog-sidebar .bs-tags {margin-bottom:30px;}
#ids-blog #blog-sidebar .bs-tags #blog-tags {margin:0; padding:0; border:0;}
#ids-blog #blog-sidebar .bs-tags #blog-tags li {margin:0;}
#ids-blog #blog-sidebar .bs-tags .inner {padding-left:1em; overflow:hidden; display:none;}
#ids-blog #blog-sidebar .bs-tags .inner li {list-style-type:none;}
#ids-blog #blog-sidebar .bs-tags .inner li a {text-decoration:underline; font-size:11px;}
#ids-blog #blog-sidebar .bs-tags .toggle {text-transform:uppercase; font-size:11px; font-weight:700; letter-spacing:0.4px;}
#ids-blog #blog-sidebar .bs-tags h4 {margin-bottom:30px; font-size:11px; font-weight:700; letter-spacing:0.4px;}


/*=========== ARTICLE ==========*/
/*====== EDITORIAL =====*/
#ids-article #ids-editorial {}
#ids-article #ids-editorial h1 {font-family:'Noticia Text', serif; font-style:italic; border:0; font-size:28px; text-transform:initial;}
#ids-article #ids-editorial .a-text {height:500px; width:47.5%; margin-right:2.5%; float:left; display:inline-flex;}
#ids-article #ids-editorial .a-text .inner-text {margin:auto; line-height:26px;}
#ids-article #ids-editorial .a-image {width:47.5%; margin-left:2.5%; float:left; min-height:300px;}
#ids-article #ids-editorial .a-image img {width:100%; display:block;}
#ids-article #ids-editorial .a-section {margin-bottom:30px;}
#ids-article #ids-editorial .a-section:nth-child(2) .a-text {margin-left:2.5%; margin-right:0; float:right;}
#ids-article #ids-editorial .a-section:nth-child(2) .a-image {margin-right:2.5%; margin-left:0;}
#ids-article #ids-editorial .a-footer h6 {font-weight:700; font-size:11px; text-decoration:underline; letter-spacing:0.4px; margin-bottom:5px;}
#ids-article #ids-editorial .a-footer .posted {font-size:11px; margin-bottom:25px; font-style:italic; color:#555;}

/*====== PRODUCT =====*/
#ids-article #ids-product {}
#ids-article #ids-product h1 {font-family:'Noticia Text', serif; font-style:italic; border:0; font-size:28px; text-transform:initial;}
#ids-article #ids-product .a-image img {display:block; margin:auto;}
#ids-article #ids-product .a-section:nth-child(3) .a-image img {width:100%;}
#ids-article #ids-product .a-section {margin-bottom:50px; text-align:center;}
#ids-article #ids-product .a-footer h6 {font-weight:700; font-size:11px; text-decoration:underline; letter-spacing:0.4px; margin-bottom:5px;}
#ids-article #ids-product .a-footer .posted {font-size:11px; margin-bottom:25px; font-style:italic; color:#555;}


/*=========== BEACHWEAR SS18 ==========*/
#bw-container .bw-banner {position:relative; margin-bottom:22px;}
#bw-container .bw-banner h1 {font-family:'Noticia Text', serif; font-style:italic; font-size:24px; line-height:32px;}
#bw-container .bw-banner img {width:100%; display:block;}
#bw-container .bw-banner .bw-banner-inner {position:absolute; top:0; right:50%; bottom:0; left:0; display:inline-flex; margin:0;}
#bw-container .bw-banner .bw-banner-inner .bw-banner-content {margin:auto; text-align:right;}
#bw-container .bw-banner .bw-banner-inner .bw-banner-content a {border:1px solid #000; font-size:12px; text-transform:uppercase; padding:4px 15px;}
#bw-container .bw-banner .bw-banner-inner .bw-banner-content a:hover {background:#000; color:#e2e2e2;}


#bw-container .bw-collection-container {position:relative;}
#bw-container .bw-collection-container img {display:block;}
#bw-container .bw-collection-container .bw-collection-inner {position:absolute; top:0; right:0; bottom:0; left:0; display:inline-flex; margin:0;}
#bw-container .bw-collection-container .bw-collection-inner h4 {margin:auto;}

#bw-container .bw-products h3.title {font-family:'Noticia Text', serif; font-style:italic; font-size:24px; line-height:32px; text-align:center; margin:30px 0;}
#bw-container .owl-controls.clickable {position:absolute; top:38%; right:0; width:100%;}
#bw-container .owl-controls.clickable .owl-next {float:right;}

#bw-container .bw-influencer {margin-bottom:70px;}
#bw-container .bw-influencer h3.title {font-family:'Noticia Text', serif; font-style:italic; font-size:24px; line-height:32px; text-align:center; margin:30px 0;}
#bw-container .bw-influencer-container {position:relative;}
#bw-container .bw-influencer-container img {display:block;}
#bw-container .bw-influencer-container .bw-influencer-inner {position:absolute; top:0; right:0; bottom:0; left:0; display:inline-flex; margin:0;}
#bw-container .bw-influencer-container .bw-influencer-inner h4 {margin:auto;}


/*=========== APPS ==========*/
/*====== CROSS SELL =====*/
#cross-sell {text-align:center;}
.cross-sell li {float:none !important; display:inline-block;}
.cross-sell li a {padding:0 !important; font-size:13px !important; text-transform:uppercase;}
.cross-sell li .money a {padding:0 !important;}


/*==================== TABLET/LANDSCAPE ====================*/
@media only screen 
  and (max-width: 1024px) 
  and (min-width: 901px) {

    /*=========== BLOG ==========*/
    #ids-blog .article-body h3 {margin-bottom:5px; line-height:28px;}
    #ids-blog .article-body .posted {margin-bottom:20px;}
    #ids-blog .article-body p {line-height:22px;}
    
    /*=========== PRODUCT ==========*/
    /*====== SIZE GUIDE =====*/
    #size-guide {width:100%;}
    #size-guide .sg-sidebar {width:100%;}
    #size-guide .sg-main {width:100%;}
    #size-guide .sg-sidebar ul li {display:inline-block; padding:0 10px; border-right:1px solid #000;}
    #size-guide .sg-sidebar ul li:first-child {padding-left:0;}
    #size-guide .sg-sidebar ul li:last-child {border-right:0;}
    
    /*=========== BEACHWEAR SS18 ==========*/
    #bw-container .owl-controls {position:absolute; top:38%; right:0; width:100%;}
    #bw-container .owl-controls .owl-next {float:right;}

  }

/*==================== TABLET/PORTRAIT ====================*/
@media only screen 
  and (min-width: 768px) 
  and (max-width: 900px) {

    /*=========== BLOG ==========*/
    #ids-blog .article-body h3 {max-width:500px;}
    #ids-blog .share-icons {text-align:left;}
    #ids-blog #shopify-section-blog-sidebar {width:50%; margin:auto;}
    #ids-blog .article-body p {width:100%;}
    
    /*=========== PRODUCT ==========*/
    /*====== SIZE GUIDE =====*/
    #size-guide {width:100%;}
    #size-guide .sg-sidebar {width:100%;}
    #size-guide .sg-main {width:100%;}
    
    /*=========== BEACHWEAR SS18 ==========*/
    #bw-container .owl-controls {position:absolute; top:38%; right:0; width:100%;}
    #bw-container .owl-controls .owl-next {float:right;}

  }

/*==================== MOBILE/PORTRAIT ====================*/
@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px) {

    /*=========== BLOG ==========*/
    #ids-blog .article-container .article-body {position:relative; width:100%;}
    #ids-blog .article-body h3 {margin-top:10px;}
    #ids-blog .share-icons {text-align:left;}
    #ids-blog .article-body p {width:100%;}
    #ids-blog .single-article {margin:0 !important;}
    #ids-blog .b-menu ul {font-size:0; margin:0;}
    #ids-blog .b-menu ul li {font-size:11px; padding:0 15px; margin-bottom:8px;}
    #ids-blog .b-menu ul li:nth-child(3) {border-right:0;}

    /*=========== ARTICLE ==========*/
    /*====== EDITORIAL =====*/
    #ids-article #ids-editorial .a-text {width:100%; height:auto !important; margin:0 !important; margin-bottom:30px !important;}
    #ids-article #ids-editorial .a-image {width:100%; min-height:0; margin:0;}
    
    /*====== PRODUCT =====*/
    #ids-article #ids-product .a-section:nth-child(3) .a-image {margin-bottom:30px;}
    
    /*=========== PRODUCT ==========*/
    /*====== SIZE GUIDE =====*/
    #size-guide {width:100%;}
    #size-guide .sg-sidebar {width:100%;}
    #size-guide .sg-main {width:100%; overflow-x:scroll;}
    #size-guide .sg-main .sg-opening {height:350px;}
    #size-guide .tg .tg-baqh {min-width:100px;}
    #size-guide .sg-sidebar p {width:100%;}
    
    /*=========== BEACHWEAR SS18 ==========*/
    #bw-container .bw-banner .bw-banner-inner {right:0;}
    #bw-container .bw-banner h1 {font-size:16px; line-height:20px;}
    #bw-container .bw-banner a {font-size:10px !important; padding:2px 10px;}
    #bw-container .bw-banner .bw-banner-inner .bw-banner-content {text-align:center;}
    #bw-container .bw-collection-container {margin-bottom:22px;}
    
    #bw-container .bw-influencer-container {margin-bottom:22px;}

  }